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

One component affecting another in reactjs

每个 url 加载三个主要组件:左面板、中间面板和右面板。在右侧面板中,我们有一个按钮 returns 右侧面板中的子组件 CreateForm。左面板包含 returns 个单独子组件到左面板的链接。

这里的问题是左侧面板的每个子组件都发生了变化url,因此加载了三个主要组件;因此,如果表单的当前状态在右侧面板上打开,并且如果我们 select 左侧面板子组件中的任何链接,我们将再次重新加载右侧面板,因此我们不能停留在表单上。

我该如何解决?

我们曾使用 useEffect 和 localstorage 来存储联系表单的状态,并且仅在右面板组件内执行表单组件代码(无需在单击时为表单调用单独的组件)。这很好用。