如何使用 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 中傳遞的所有狀態，然后從那里傳遞它。 或者您可以使用上下文，但設置起來稍微困難一些。

上下文示例