javascript - React.js 中的 OnClick 事件绑定(bind)

Question

我想在单击该 div 或同一 div 的任何子元素时传递父 div id。但我无法实现它。请告诉我哪里出错了。代码如下:

viewMore: function(i,j){
        console.log('You clicked: ', i  );
    },

render : function(){
  var attributeId = "groups_";
  attributeId+= index;
  return(
  //parent div
    <div className="groups" id={attributeId} onClick={this.viewMore}>
        <div className="floatLeft"> Group Name: <h3>My Name</h3></div>
            <span className="floatRight typeCd">POC</span>
        <div className="clearfix"> Key Attributes: 
            <ul>
                <li> POC 1</li>
            </ul>
        </div>
    </div>
    )
};

Answer 1

viewMore = (i,j) => () => {
    console.log(i,j)
}

要将参数传递给事件处理程序，我们需要使用currying。使用上述方法，在调用 render 时不会一直创建新函数。