reactjs - React 中的 PropType

Question

在一些例子中，我见过这样的东西:

Footer.propTypes = {
  completedCount: PropTypes.number.isRequired,
  activeCount: PropTypes.number.isRequired,
  filter: PropTypes.string.isRequired,
  onClearCompleted: PropTypes.func.isRequired,
  onShow: PropTypes.func.isRequired
}

这些PropTypes到底在做什么？它们是可有可无还是必须拥有？

Answer 1

正如 FinalFreq 所指出的，我已纠正! “提供的示例将在未来版本的 React 中完美运行。React 不推荐直接调用 proptypes 函数，但注释组件将在当前和 future 版本中正常运行。”

如果你只是学习 JS 中的类型，我建议使用 flowtypes，它在构建时而不是运行时工作。这在编辑器中有效!当不太明显的类型丢失、为空或不同类型时，编辑器扩展还使用强推理来提醒您。主要好处是它可以加快开发速度并减少错误，而不会减慢运行时间。您可以在生产之前轻松地从 js 中剥离流程。

流量类型: https://flowtype.org/docs/getting-started.html#_

如果您想要更强大、功能更丰富的集合，我建议使用 TypeScript 来学习 JS 中的类型。

typescript : https://github.com/Microsoft/TypeScript

为了回答你的问题，proptypes 从来都不是必须具备的，并且一度被认为是实验性的。我喜欢它们，但恕我直言，flowtype 更实用。主要用途是通过在开发早期发出警告来防止组件的误用，并提供编码文档以便更好地理解(后代)。

编辑:我还想澄清一下，proptypes 也可以在生产中被剥离。