reactjs 中一个组件影响另一个组件

Question

每个 url 加载三个主要组件：左面板、中间面板和右面板。 在右侧面板中，我们有一个按钮，它返回右侧面板中的子组件 CreateForm。 左面板包含将单个子组件返回到左面板的链接。

在这里，问题是左侧面板的每个子组件都会更改 url，从而加载三个主要组件； 因此，如果当前 state 表单在右侧面板上打开，并且如果我们 select 左侧面板子组件中的任何链接，我们将再次重新加载右侧面板，因此我们无法停留在表单上。

我该如何解决？

Answer 1

我们使用 useEffect 和 localstorage 来存储联系人表单的 state，并仅在右面板组件中执行表单组件代码（无需在单击时为表单调用单独的组件）。 这很好用。