reactjs es6，.map函數不觸發onclick

Reactjs，ES6問題：.map函數中的非常簡單的onclick事件不起作用。當我檢查它時，這個handleclick函數代表_this5，而這個.map綁定代表_this6。reactjs es6，.map函數不觸發onclick

class LineItem extends React.Component{ 
    constructor(props){ 
    super(props); 
    } 
    handleClick=(event)=> { 
    console.log(this); 
    } 
    render(){ 
    return(
     <div> 
     { 
      this.props.Lines.map((line,i)=> { 
        return <div className="subcontent"> 
          <div className="row-wrapper plan-content"> 
          <Row className="show-grid" onClick={this.handleClick()}> 
           <span>{line.lineName}</span> 
          </Row> 
          </div> 
          <LineStatus LineInfo={line} Camp={this.props.Camp} key={i}/> 
         </div>; 
       }, this) 
       } 
    </div>

來源

2016-06-09 tv3free

僅供參考，這個問題與React無關。如果您使用任何其他事件綁定API，則會遇到同樣的問題。 –

現在您正在調用該函數並使用返回值onClick。你只是想通過這樣的功能參考：

<Row className="show-grid" onClick={this.handleClick}>

來源

2016-06-09 23:13:28

reactjs es6，.map函數不觸發onclick

回答

相關問題