传递道具给这个。道具。反应[复制]中的孩子

Question

我在找到一种将道具传递给组件子组件的方法时遇到了一点麻烦。我想做的是有一个组件（ParentComponent）它有一个函数（toggleSuccess（））来改变它自己的状态（例如一个名为成功的布尔值），并将该函数作为onClick道具传递给它的所有子函数。理想情况下，我可以将各种组件放入ParentComponent，它们都可以通过onClick道具访问toggleSuccess（）。有没有一种方法可以做到这一点，而不涉及任何草率的全局变量，或者需要一些中央状态管理，如Redux？谢了！

Answer 1

事件会出现泡沫，因此您可以捕获父级中的所有click事件，而不是向下传递处理程序：

 class ParentComponent extends React.Component {
  //...
  toggleSuccess() { /*...*/ }
  //...
  render() {
    const { children } = this.props;
    return (
      <div onClick={() => this.toggleSuccess()} >
       {...children}
      </div>
     );
   }
 }