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

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

结构

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

//在这里，我需要一个选择框根据活动的孩子
{儿童}

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

在您的情况下，您应该将其从儿童状态移动到

maincainer

状态。然后通过道具将其传递给

AppHeader

和/或其他子级

---

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

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

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

//在这里，我需要一个选择框根据活动的孩子
{儿童}

当然可以。你可能想了解一下道具是如何工作的。这将使事情变得更容易：