如何使用 React 将状态从一个组件挂钩到另一个组件

Question

我正在尝试使用钩子将数据从一个组件获取到另一个组件。

              App.js --
                       |---------Sidebar.js------------
                       |                                   |---SidebarBody.js
                       |
                       |---Chat.js------
                                        |----ChatBody.js

这是我的目录树，当在 SidebarBody.js 中单击按钮时，钩子状态将更新为输入值数据，然后我必须在 ChatBody.js 中使用此状态数据进行进一步处理。 那么我可以为此做些什么，请参考 react hooks。

我附上了我的代码屏幕截图。

在这张图片中，我添加了 SidebarBody.js 和 ChatBody.js 组件代码。

Answer 1

您可以尝试定义要在 App.js 中传递的所有状态，然后从那里传递它。 或者您可以使用上下文，但设置起来稍微困难一些。

上下文示例