react如何为map生成的元素绑定事件

Question

<List>
    {
        this.state.members.map(function(item, index){
        return <ListItem primaryText = { item.nickname } userId = {item.id} />
        })
    }
</List>

比如我想为每个item添加一个点击事件，直接onClick = {this.handleClick}是不行的，要怎么做？

Answer 1

刚找到了解决办法，原来bind函数可以接收一个可选的参数来传入this。

this.state.members.map(function(){
  //...
}, this);

Answer 2

this.state.members.map((item, index) => <ListItem primaryText={item.nickname} userId={item.id} onClick = {this.handleClick} />)

Answer 3

因为这里this的上下文是那个匿名函数，this其实是window。
可以bind一下，或者把handler放到ListItem里面去
参考：
http://stackoverflow.com/questions/21010400/how-to-set-event-handler-in-react-sub-component

Answer 4

1楼方法点赞