react js中如何在两个子组件之间传递数据？

Question

我想要一些关于如何完成这件事的建议，如何在反应中的两个子组件之间传递数据。 我的代码架构是这样的：-

Parent 
---Child 1
---Child 2
---Child 3

现在我想将一些数据从孩子 1 传递给孩子 2。 那么如何做到这一点以及最好的方法是什么。

这是我的代码示例。

家长代码：

import './css/style.css';
const parent = () => {
  return (
         <div>
            <Child 1 />
            <Child 2 />  
            <Child 3 />
         </div>
  );
};
export default parent;

因此，在子组件 1 中，我想要一个 onClick() 事件，该事件将调用子组件 2 中的方法。怎么办？

我想将数据从子 1 组件发送到父组件。怎么办？

Answer 1

您可以通过将回调函数传递给公共父组件，然后从父组件传递给子组件来实现。简单应用程序的简单方法。或者也可以使用 React.Context 或状态管理器，例如 Redux、Mobx、Mobx 状态树。