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

Question

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

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

示例代码:

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

Answer 1

MySampleComponent 可以采用它想要的任何 props；组件不会自动将 props 复制给它们的子组件。如果您希望能够向 MySampleComponent 添加 onClick 处理程序，那么您可以在该组件的定义中支持这一点:

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