responsejs es6, .map функция не запускается onclick

Question

Reactjs, проблема ES6: очень простое событие onclick в функции .map не работает. Когда я его проверяю, это в функции handleclick представляет _this5, а это в .map bind представляет _this6.

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> 

Answer 1

Прямо сейчас вы вызываете функцию и использовать возвращаемое значение как onClick. Вы просто хотите передать функцию, например:

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