javascript - PropTypes 在 React 中的重要性是什么？

Question

我还在学习 React，无法理解 PropTypes 的重要性。任何人都可以说说定义您的 PropTypes 有什么好处吗？我已经在 React 文档中阅读了关于此的讨论，但我无法理解保留 PropTypes 除了在类型不匹配时看到控制台错误/警告之外的优势。它在 documentation 上说

When designing interfaces, break down the common design elements (buttons, form fields, layout components, etc.) into reusable components with well-defined interfaces. That way, the next time you need to build some UI, you can write much less code. This means faster development time, fewer bugs, and fewer bytes down the wire.

所以除了好处之外，我还有其他几个问题:

1. 在定义 PropTypes 时，您肯定会编写更多与粗体声明相矛盾的代码。
2. 另一个问题是，PropTypes 是否只适用于子组件，因为父组件通常没有 props？
3. 如果是这样，我们如何检查父组件的状态类型，可以说是否有 StateTypes？

Answer 1

React 围绕组件的概念展开。整个网页应该被分解成组件，每个组件将通过 props 相互交互。

所以，这些都是使用PropTypes的优点

• 验证传递给 child 的 Prop ，并在传递错误的 Prop 时警告开发人员，这可能会破坏您的应用。
• 作为一个团队，当团队成员创建一个组件时，除非您看到 PropTypes
，否则您将不知道如何处理它

PropTypes 不是强制性的。

[编辑] 按顺序回答问题

1. 是的，您将编写额外的代码。但是，如果你需要验证你的 props，这是额外的代码，你不需要自己做。验证将由 React 本身负责。
2. 不完全是，Parent 和 Root 组件之间存在差异。 Parent 组件可以是另一个 Parent 的子组件，后者可以是另一个组件的子组件。因此，将其称为 Root 组件，它将位于 UI 树的顶部。有了这个定义，你可以说，PropType 只适用于 Parent 和 Child，而不适用于 Root 组件。
3. 您不需要检查 stateType，因为 state 在组件的范围内。但是，props 会从一个组件传递到另一个组件。因此，验证组件的 state 没有意义，因为它不是跨组件共享的。即使共享，也只能通过 props 完成。

希望对你有帮助...