首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何从父组件调用子组件setState

如何从父组件调用子组件setState
EN

Stack Overflow用户
提问于 2019-01-30 06:13:44
回答 4查看 912关注 0票数 0

我在我的主应用中嵌套了两个有状态的基于类的组件,一个基于父类的组件。从子组件1,我已经成功地调用了一个父回调方法。在父回调中,我想调用子组件2的一个方法,这样我就可以对#2执行setState操作,而无需重新呈现父组件。我见过许多开发人员让孩子成为无国籍人,甚至干脆省略了他们。然而,React鼓励开发人员“组件化”……请指点!

EN

回答 4

Stack Overflow用户

发布于 2019-01-30 06:52:12

如果是这种情况,那么您应该考虑将状态提升到父级:https://reactjs.org/docs/lifting-state-up.html

只有这样,你的子组件才应该调用父方法来更新状态,这样,你就会有一个单向的数据流,就像react应用程序应该是的那样。基本上,它鼓励你有一个单一的真实来源,并确保整个应用程序的数据同步。此外,它还删除了像您现在正在做的那样的不必要的逻辑:What does the "single source of truth" mean?

票数 4
EN

Stack Overflow用户

发布于 2019-01-30 06:30:28

将数据存储在父对象的状态中,然后允许两个子对象通过setStates更新数据并不会违反“组件化”的概念,只要这两个子对象只声明了输入。如果一个子对象需要更新另一个子对象内部的数据,您可以跳到上下文级并将其存储在父对象中-然后,来自任何一个子对象的数据更新将触发两个子对象的渲染,以确保显示与数据保持同步,同时将数据保留在单个位置(与父对象一起,而不是在子对象之间拆分)。

票数 0
EN

Stack Overflow用户

发布于 2019-01-30 07:03:14

是的,我可以使用"React ref“来调用子组件的实例方法。ref是元件实例上的属性。因此,现在我的子组件使用它的componentDidUpdate来调用父组件中的回调,然后父回调使用ref来调用特定子组件的“更新”方法。这些更新方法对子组件和setState进行更新。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54430429

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档