我在我的主应用中嵌套了两个有状态的基于类的组件,一个基于父类的组件。从子组件1,我已经成功地调用了一个父回调方法。在父回调中,我想调用子组件2的一个方法,这样我就可以对#2执行setState操作,而无需重新呈现父组件。我见过许多开发人员让孩子成为无国籍人,甚至干脆省略了他们。然而,React鼓励开发人员“组件化”……请指点!
发布于 2019-01-30 06:52:12
如果是这种情况,那么您应该考虑将状态提升到父级:https://reactjs.org/docs/lifting-state-up.html
只有这样,你的子组件才应该调用父方法来更新状态,这样,你就会有一个单向的数据流,就像react应用程序应该是的那样。基本上,它鼓励你有一个单一的真实来源,并确保整个应用程序的数据同步。此外,它还删除了像您现在正在做的那样的不必要的逻辑:What does the "single source of truth" mean?
发布于 2019-01-30 06:30:28
将数据存储在父对象的状态中,然后允许两个子对象通过setStates更新数据并不会违反“组件化”的概念,只要这两个子对象只声明了输入。如果一个子对象需要更新另一个子对象内部的数据,您可以跳到上下文级并将其存储在父对象中-然后,来自任何一个子对象的数据更新将触发两个子对象的渲染,以确保显示与数据保持同步,同时将数据保留在单个位置(与父对象一起,而不是在子对象之间拆分)。
发布于 2019-01-30 07:03:14
是的,我可以使用"React ref“来调用子组件的实例方法。ref是元件实例上的属性。因此,现在我的子组件使用它的componentDidUpdate来调用父组件中的回调,然后父回调使用ref来调用特定子组件的“更新”方法。这些更新方法对子组件和setState进行更新。
https://stackoverflow.com/questions/54430429
复制相似问题