reactjs es6, .map Funktion löst nicht onclick @ a

Question

Jun 10, 2016, 12:54 AM

ecmascript-6 reactjs javascript react-jsx

reactjs es6, .map Funktion löst nicht onclick @ a

Reactjs, ES6-Problem: Sehr einfaches onclick-Ereignis in einer .map-Funktion funktioniert nicht. Wenn ich es inspiziere, repräsentiert diese Funktion in handleclick _this5 und diese in .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>