如何渲染在 APP 不同地方定义的 React 组件的同一个实例？ [关闭]
Posted
技术标签:
【中文标题】如何渲染在 APP 不同地方定义的 React 组件的同一个实例？ [关闭]【英文标题】：How to render the same instance of a React component that are defined in different places of the APP? [closed] 【发布时间】：2021-10-03 16:38:03 【问题描述】：假设我有 2 个***组件 A 和 B。组件 C 将在 A 和 B 内部创建。如何确保在两者中创建相同的 C 实例。也就是说，它们是同步的，无论对方发生什么，都会自动更新。
我尝试为两者分配相同的键值，但没有成功。
【问题讨论】：
【参考方案1】：这是不可能的。树的不同部分中的 React 元素总是会产生不同的实例。
同步组件树的两个部分的行为的最常用方法是将lift state up 同步到一个组件，该组件是两个组件的共同祖先。这个祖先组件实现了两个后代的逻辑和状态，并通过道具（或必要时的上下文）向下传递必要的值
【讨论】：
以上是关于如何渲染在 APP 不同地方定义的 React 组件的同一个实例？ [关闭]的主要内容，如果未能解决你的问题，请参考以下文章
如何在 Svelte App 内渲染 React App 或在 React App 内渲染 Svelte App？