美文网首页
react组件开发规范

react组件开发规范

作者: 李现的小迷妹 | 来源:发表于2017-12-13 10:12 被阅读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组件开发规范

          本文链接:https://www.haomeiwen.com/subject/bnkkvxtx.html