使用on click函数反应JS呈现元素并将索引传递给on click函数

Question

我正在尝试使用循环渲染React组件，基本上它的链接标签具有具有点击功能的值。

<p><a href="#" key={i} onClick={() => this.decreaseCount(i)} >delete</a></p>

其中，i是for循环的索引。 问题是，不是要在this.decreaseCount（i）中获取我的值，而是要获取数组的长度。 但是我用key = {i}得到正确的索引

需要帮忙！

Answer 1

应该可以，尝试使用此方法（另一种方法）：

<p><a href="#" key={i} onClick={this.decreaseCount.bind(this,i)} >delete</a></p>

查看此示例，您的方法也将起作用：

 class App extends React.Component{ a(i){ console.log(i); } render(){ return ( <div> { [1,2,3].map(i => <p onClick={ () => this.a(i)} > {i} </p>) } </div> ) } } ReactDOM.render(<App/>,document.getElementById('app')) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <div id='app'/>