做了一个组件用react遍历出来然后想获取每次点击不同个时候的不同数据该怎么做呢?
const Skill = React.createClass({
getInitialState: function() {
return {
data: [{
"ID":"1",
"URL": "./public/images/skill.jpg",
"TITLE":"Helloweba1",
"SUBTEXT":"WEB前端应用教程+演示+源码hhhhhhhsd看没得嘛",
"HREF":"javascript:void(0)"
}, {
"ID":"2",
"URL": "./public/images/skill.jpg",
"TITLE":"Helloweba2",
"SUBTEXT":"WEB前端应用教程+演示+源码hhhhhhhsd看没得嘛",
"HREF":"javascript:void(0)"
}, {
"ID":"3",
"URL": "./public/images/skill.jpg",
"TITLE":"魅族pro5随时拍",
"SUBTEXT":"魅族PRO 5在上年的发布至今已经有了半年多的时间了,PRO 5它不是一款完美的手机,但却是我最满意的魅族手机之一,也是我心中当之无愧的2015国产旗舰手机,它伴随着我走过了半年的时光,这半年的点滴,就让我用随手拍来回忆,看看我与PRO 5走过的半年。",
"HREF":"javascript:void(0)"
}, {
"ID":"4",
"URL": "./public/images/skill.jpg",
"TITLE":"Helloweba3",
"SUBTEXT":"WEB前端应用教程+演示+源码hhhhhhhsd看没得嘛",
"HREF":"javascript:void(0)"
}, {
"ID":"5",
"URL": "./public/images/skill.jpg",
"TITLE":"魅族pro5随时拍",
"SUBTEXT":"魅族PRO 5在上年的发布至今已经有了半年多的时间了,PRO 5它不是一款完美的手机,但却是我最满意的魅族手机之一,也是我心中当之无愧的2015国产旗舰手机,它伴随着我走过了半年的时光,这半年的点滴,就让我用随手拍来回忆,看看我与PRO 5走过的半年。",
"HREF":"javascript:void(0)"
}]
}
},
handleOpen(){
window.open("details.html");
//这里该怎么获取所点击元素的URL、TITLE等数据?
},
render() {
return (
最新作品
{
this.state.data.map(function(res){
return
{res.TITLE}
{res.SUBTEXT}
},this)
}
);
}
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
可以通过
target来获取点击到的元素把点击事件放最外层,点击时候获取当前元素 index,然后根据 index 到数组里取对应的数据