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

Question

我试图将点击处理程序添加到我自己的子组件中。在react chrome扩展程序中，我也可以看到点击处理程序。

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

样例代码：

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

Answer 1

MySampleComponent可以使用任何所需的道具；组件不会自动将道具复制到其子级。如果希望能够向MySampleComponent添加onClick处理程序，则可以在该组件的定义中对此进行支持：

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