剛開(kāi)始使用React還是很多坑踩,
這次遇到一個(gè)問(wèn)題, 一個(gè)任務(wù)列表的菜單, N多行任務(wù), 要求點(diǎn)擊任意一行可以獲取其信息,
js上很簡(jiǎn)單的問(wèn)題, 沒(méi)行到React也是很簡(jiǎn)單,
1: 只需要, 在點(diǎn)擊方法中.bind()里傳入值就行綁定this后傳入xxxxxxx.bind(this, ' ', item);
2: 你可能要問(wèn)第一個(gè)為啥為空 ' ', 這里是為event預(yù)留的位置,
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>
)
}
}));
這里就把這行信息自帶的數(shù)據(jù)一起傳入的函數(shù)中, 及很簡(jiǎn)單的調(diào)取到了數(shù)據(jù)
