本周遇到递归渲染的问题,然后在函数上加了bind(this)后,好使了。想问下是什么原因?
大致代码如下:
文件1:
return(<div>
<BottomCarousel
goodList={this.props.goodList}
goodMsg={this.props.goodMsg}
dispatch={this.props.dispatch}
/>
</div>)
文件2
changeData= (item) => {
this.props.dispatch({
type:'test/saveGoodMsg',
payload:item,
});
};
render() {
return (
<div >
{
<ul>
{
goodList.map((item, index) => {
return (
<li key={index} onClick={this.changeData.bind(this,item)} className=
{this.props.goodMsg.id===item.id?styles.box_active:styles.box}>
<p >{item.title}</p>
</div>
</li>
);
})
}
</ul>
}
</div>
}