码迷,mamicode.com
首页 > 其他好文 > 详细

react组件开发规范(一)

时间:2017-12-13 11:32:36      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:不必要   修改   开发规范   项目   标签   接收   运行   警告   数组   

这是通过修改项目运行在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组件开发规范(一)

标签:不必要   修改   开发规范   项目   标签   接收   运行   警告   数组   

原文地址:http://www.cnblogs.com/xiaohongdiao/p/8031426.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!