在使用 ReactJS 时更新不相关组件的 DOM

Question

我有一些导航，它是一个反应组件。然后，我的内容中有一个链接，位于页面下方。单击链接时，我想将 CSS 类添加到导航组件。

它们是完全独立的组件。

在过去，我可能会使用 jQuery 来定位导航，然后使用 addClass(( 函数。我正在努力在 React 中解决这个问题。

Answer 1

为此

，您有 2 个选项：

1. 使用状态管理库，如 Redux。
2. 提升状态：https://reactjs.org/docs/lifting-state-up.html

简而言之，你的两个组件都需要具有相同的父组件，对于状态，您将需要相应地更改父组件的状态和子组件的 props。

Answer 2

也许你应该试试门户？

门户提供了一种将子节点呈现为 DOM 节点的一流方法 存在于父组件的 DOM 层次结构之外。