陣營JS渲染元素與點擊函數並傳遞指數上點擊功能

Question

我試圖渲染陣營使用循環組件，基本上有上點擊功能與價值的鏈接標籤。

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

其中i是for循環的索引。問題是，而不是讓我的價值在this.decreaseCount（我）我得到數組的長度。不過我正在與主要= {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'/>