如何渲染定义在APP不同地方的同一个React组件实例?
How to render the same instance of a React component that are defined in different places of the APP?
假设我有 2 个顶级组件 A 和 B。组件 C 将在 A 和 B 中创建。如何确保在两者中创建相同的 C 实例。也就是说,它们是同步的,无论彼此发生什么,都会自动更新。
我试过为两者分配相同的键值,但没有成功。
这不可能像描述的那样。树的不同部分中的 React 元素总是会产生不同的实例。
同步组件树的两个部分的行为的最常见方法是lift state up,同步到作为两个组件的共同祖先的组件。这个祖先组件实现了两个后代的逻辑和状态,并通过道具(或必要时的上下文)向下传递必要的值
假设我有 2 个顶级组件 A 和 B。组件 C 将在 A 和 B 中创建。如何确保在两者中创建相同的 C 实例。也就是说,它们是同步的,无论彼此发生什么,都会自动更新。
我试过为两者分配相同的键值,但没有成功。
这不可能像描述的那样。树的不同部分中的 React 元素总是会产生不同的实例。
同步组件树的两个部分的行为的最常见方法是lift state up,同步到作为两个组件的共同祖先的组件。这个祖先组件实现了两个后代的逻辑和状态,并通过道具(或必要时的上下文)向下传递必要的值