reactjs – React中的PropTypes

发布时间：2020-12-15 20:11:06 所属栏目：百科来源：网络整理

导读：在某些例子中,我看到过这样的事情： Footer.propTypes = { completedCount: PropTypes.number.isRequired,activeCount: PropTypes.number.isRequired,filter: PropTypes.string.isRequired,onClearCompleted: PropTypes.func.isRequired,onShow: PropTypes.f

在某些例子中,我看到过这样的事情：

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

这些PropTypes到底在做什么？他们是不是很好或必须拥有？

解决方法

正如finalFreq所指出的那样,我的立场得到了纠正！ “所提供的示例将在未来版本的反应中完美地运行.React不赞成直接调用proptypes函数,但注释组件在当前和未来版本中都可以正常工作.”

如果您只是在JS中学习类型,我建议使用flowtypes,在构建时而不是运行时工作.这在编辑器中有效！编辑器扩展还使用强推理来在不太明显的类型缺失,null或不同类型时提醒您.主要好处是它可以加速开发并减少错误,而不会减慢运行时间.您可以在生产前轻松剥离js的流量.

FlowType：https://flowtype.org/docs/getting-started.html#_

如果你想要更强大和更有特色的集合,我建议使用TypeScript来学习JS中的类型.

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

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

编辑：我也想清楚,proptypes也可以剥离生产.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!