将data-id或key传递给onClick函数

时间:2018-01-12 12:59:52

标签: reactjs

我在循环中创建了按钮。每个属性都包含keydata-id属性 我想onClickkeydata-id传递给被调用的函数。 我试验了一些东西,但都没有用。 这是代码。

buttonPress: function (path,type,period) {
    AppActions.moveToPage(path,{type:type},period);
},



<div key={$key} data-id={$key} style={{textAlign: 'center'}} onClick={() => this.buttonPress("Listing",this.props.id, this.state.filters)}>{this.state.Graph?this.state.diagnosisGraph[key]:<img src={AppApi.baseUrl + 'img/loading.gif'} />}</div>

1 个答案:

答案 0 :(得分:1)

您可以直接将$键传递给鼠标按下功能

buttonPress: function (path,type,period,key) {
AppActions.moveToPage(path,{type:type},period);
},



<div key={$key} data-id={$key} onClick={() => this.buttonPress("Listing",this.props.id, this.state.filters, key)}>{this.state.Graph?this.state.diagnosisGraph[key]:<img src={AppApi.baseUrl + 'img/loading.gif'} />}</div>