javascript - 掌握 React 中的组件层次结构

Question

我正在学习 React 并思考组件的结构。以下内容让我有些困惑。

• 我们被告知应该有单一的真相来源。

• 所有者组件应将 props/状态传递给它的责任(有些人称为“ownee”)组件。

所以，如果我自己的整个应用程序是一个大组件(所有者)，它有很多责任(所有者)组件，这是否意味着顶级所有者组件将拥有所有 Prop 和状态。那将是一个巨大的物体。

由于我最初没有使用states，所以对props 的任何更改都必须传递给“所有者”，然后该组件再次呈现？

这显然不对吧？任何指导将不胜感激。

Answer 1

这种解释有点离题。您的顶级组件不需要是一个无所不知的庞然大物，仅仅因为 props 和 state 之间的关键区别。任何组件都可以自由选择和控制它自己的状态，它可以将状态传递给它的子组件。然而，一个组件的 prop 不应该理想地保存在它的状态变量中，因为这会导致重复并违反单一事实源范式。 Prop 不属于组件，它属于发送 Prop 的祖先。相反，组件将其状态作为 props 传递给其子组件是很自然的，也是意料之中的。

您会发现没有状态您将无能为力，除非您的应用主要显示静态内容。因此，当您开始处理状态时，请将状态保留在它所属的位置。即使使用 Flux，也有一些方法可以使状态与其所属的组件保持相关。