如何在父容器中设置子信息？

Question

我正在做一个反应项目。新视图需要子组件中属于父组件的信息。我想知道整个组件架构是否需要改变，或者是否有更简单的方法。 app标头应包含属于{children}的选择。

结构

<Maincontainer>
  <AppHeader />  //here I need a select box according to the active children
  {children}
</MainContainer>

Answer 1

每当出现这种情况时，都表明需要在组件层次结构中向上移动所需信息。它不再是“儿童信息”。

在你的情况下，你应该将它从孩子的状态移动到Maincontainer状态。然后通过道具将其传递给AppHeader和/或其他孩子。

您可以阅读有关此技术的更多信息here。

Answer 2

为什么不能将子项用作AppHeader的属性？

<Maincontainer>
  <AppHeader children={children} />  //here I need a select box according to the active children
  {children}
</MainContainer>