Question

我有以下情况需要做一些逻辑（例如，将孩子与父母相关等）。

有没有办法让React中的父子关系能够互相引用？

例如：

  <Surface color="red" size={100}
    <h1>HELLO</h1>

    <Surface color="black" size={50}>
      <h1>World</h1>
    </Surface>
  </Surface>

由于嵌套Surface位于另一个Surface内，我希望将子（或其他逻辑）挂载到父级。我知道我可以简单地从根遍历并构建那个树，如果一个Surface将另一个Surface作为一个子容器，那么就做我正在寻找的逻辑，但这看起来非常糟糕......

有什么想法吗？谢谢！

Answer 1

您可以使用react-redux，这是在称为商店的集中位置管理组件状态的最佳方式。您可以搜索react-redux example

Answer 2

我认为您可以使用“ref”对父Surface进行别名，然后在Child Surface中访问它。

但强烈建议不要在类的render方法中使用“ref”。您可以在组件类上定义任何公共方法，并通过refs调用它们。在大多数情况下，使用内置的React数据流更清楚，而不是强制使用ref。

希望它有所帮助。