如何在地图功能中的每个列表项上设置调用

时间:2016-08-25 14:17:01

标签: javascript reactjs ecmascript-6

在我的react组件中,我尝试使用material-ui List组件呈现列表,我遇到以下问题。

我遍历一个联系对象数组来呈现ListItem列表,但我希望能够处理每个List项目上的click事件。

我使用onTouchTap prop并尝试调用我的onSelectedContact方法,但是如何从map函数传入当前的contact对象?

{this.props.contacts.map(( contact, i ) => <span key={i}>
  <ListItem
    key={i}
    primaryText={contact.name}
    onTouchTap={this.onSelectContact?????}
  />
}

1 个答案:

答案 0 :(得分:2)

this.onSelectContact.bind(this, contact)