我们可以将点击处理程序附加到自定义子组件

Question

我试图将一个点击处理程序添加到我自己的子组件中.在反应铬扩展中,我也能够看到点击处理程序.

但点击本身不起作用 - 想知道我错过了什么.

示例代码:

... 
render (
  <MySampleComponent onClick={this.handler} />
);
...

Answer 1

MySampleComponent可以使用它想要的任何道具; 组件不会自动将道具复制到他们的孩子.如果您希望能够向MySampleComponent添加onClick处理程序,那么您可以在该组件的定义中支持:

var MySampleComponent = React.createClass({
  render: function() {
    return <div onClick={this.props.onClick}>...</div>;
  }
});