reactjs es6, la función .map no activa onclick
Reactjs, problema de ES6: el evento onclick muy simple en una función .map no funciona. Cuando lo inspecciono, esto en la función handleclick representa _this5 y esto en .map bind representa _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>