reactjs 添加子React组件中的事件和数据以传递给其他子组件

lf5gs5x2  于 2023-05-06  发布在  React
关注(0)|答案(1)|浏览(104)

我正在尝试构建一个UI的框架,它可以用于几个内部应用程序
我希望像state/props类这样的东西在不同的子元素之间共享
例如,如果我想要一个名为MenuBar.js的子元素和另一个名为ToolBar的子元素
我想在菜单中添加一个按钮来显示ToolBar.js上的内容。
但我不想在父App.js元素中做任何混乱的更改,因为将来可能会有几十个按钮和回调
在C++中,我会通过引用或指针在不同的子类之间传递一个向量或整个结构,并在添加更多回调函数时将任何函数指针附加到这个向量。然后将这些回调函数分配给MenuBar中的按钮
在React中有没有办法做到这一点?
如果我在App.js中创建了一个Props类,它有不同的程序状态变量和一个回调事件列表,将其传递给所有子元素。然后从这些元素中添加回调,这个类会在所有的子组件之间通过引用传递吗?

9lowa7mx

9lowa7mx1#

有很多选择。
如果你需要一个状态管理器,那么根据你的描述,它可以是一个mobx。
另一个选项是任何事件发射器库或事件总线库。

相关问题