刚开始使用React还是很多坑踩,
这次遇到一个问题, 一个任务列表的菜单, N多行任务, 要求点击任意一行可以获取其信息,
js上很简单的问题, 没行到React也是很简单,
1: 只需要, 在点击方法中.bind()里传入值就行绑定this后传入xxxxxxx.bind(this, ' ', item);
2: 你可能要问第一个为啥为空 ' ', 这里是为event预留的位置,
return (data.map((item) => {
if(item.ONLINE === 'true'){
return (
<li> 看这里
<Icon type="solution" onClick={this.TreeIconClick.bind(this,'', item)} className="cdp-map-content-Main-List-online"/>
<div className="cdp-map-content-Main-List-Progress">
<p><span className="span-right">{item.NAME}</span> <span>{item.dept_name}</span></p>
<Progress className="" percent={item.PERCENT} strokeWidth={7} />
</div>
</li>
)
}
}));
这里就把这行信息自带的数据一起传入的函数中, 及很简单的调取到了数据
