react组件开发规范

Posted ~红海儿~

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react组件开发规范相关的知识,希望对你有一定的参考价值。

这是通过修改项目运行在Google上时的警告,总结的的部分react组件开发规范:

(1)编写组件时,一定要写PropTypes,切莫为了省事儿而不写!

       如果一个Props不是required,一定在getDefaultProps中设置它;

      React.PropTypes主要用来验证组件接收到的props是否为正确的数据类型,如果不正确,控制台(console)中就会出现对应的警告(warning)。

      所以,为了规范我们开发,减少不必要的警告,这个要注意写上,而且保证类型写对。

(2)map遍历对象或者数组拿到值,去渲染dom的时候,最好给每次渲染的dom都加上 key 属性,并且保证 key 是唯一的(可以用key = {index}),这个问题不加key或者key不唯一都会出现对应的警告!

(3)标签嵌套问题,像p标签里面包含div标签就会出警告,这种问题最好避免!

以上是关于react组件开发规范的主要内容,如果未能解决你的问题,请参考以下文章

React开发(146):开发规范

Vue DevUI 开发规范

团队 React 代码规范制定

前端开发规范(代码区域规范)

React开发(144):Git Commit 规范

vue开发规范