React 如何获取组件的实例

Posted 2023-03-28

1. 父组件 -> 前几层子组件： props 2. 父组件 -> 非常深入的子组件(比如从最顶层到第5层以后): context 这种情况几乎很少见，除非写框架或者工具，最好是只用props，清晰明了 3. 子组件 -> 父组件：callback 4. 子组件时间： 参考技术A 名：《说聊斋》演唱：彭

React-Redux 中同一组件的多个实例

【中文标题】React-Redux 中同一组件的多个实例

【英文标题】：Multiple Instances of the Same Component in React-Redux

【发布时间】：2016-10-30 15:06:58

【问题描述】：

如何在 React-Redux 中拥有同一个容器组件的多个实例？ 即使我发送唯一数据，每个组件也仅在使用该值更新 Store 时才获取最后一个组件的数据。 例如 -

<ContainerInstance1 data=data1/>
<ContainerInstance2 data=data2/>

Container Instance 1 将在渲染时从 Container Instance 2 修改的 store 中获取数据。 如何使用才能正确获取数据？

【参考方案1】：

听起来你有一些问题，可能在你的减速器中——很可能 data1 和 data2 实际上是同一个对象。

确保你没有改变状态，而是从你的 reducer 返回一个新的状态对象。

如果上面的两个数据对象确实不是同一个数据对象 - 上面没有理由不应该像您认为的那样工作。换句话说，上面的代码没有问题，而是在其他地方。

【讨论】：

两者都是类似的容器组件，相应地改变了问题。它们是同一容器组件的两个不同实例。

我的回答仍然成立——在其他地方似乎是个问题

你能提供一个小的sn-p代码用于Store和reducer吗？