美文网首页
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组件开发规范

    这是通过修改项目运行在Google上时的警告,总结的的部分react组件开发规范: (1)编写组件时,一定要写Pr...

  • react、reactNative组件开发规范

    因页面由多个人负责开发。现约定统一开发格式和入参规范。促进我们后期组合快速的无缝对接。 1.props中获取的入参...

  • RN:React-Redux

    目录一. React-Redux是什么 1. React-Redux的组件拆分规范  1.1 UI组件  1.2 ...

  • NT 技术周刊-1028

    React-Native 组件开发方法[原创] 摘要 �React Native的开发思路是通过组合各种组件来组织...

  • VueJs前端开发规范

    ## VUEJS开发规范 ## 1. 基于组件化开发理解 2. 组件命名规范 3. 结构化规范 4. 注释规范 5...

  • (1)React的开发

    1、React项目架构搭建2、JSX语法3、React组件化开发4、React组件间通信5、React中的事件6、...

  • 《图解React》- 第五节 组件

    组件 组件是React的核心概念,是React应用程序的基石。组件是React开发的一个最小单元,利用“分而治之”...

  • React代码规范

    React代码规范 components 展示性组件里面一般存放ui组件,负责组件的外表,也就是组件如何渲染,具有...

  • React学习(5)-React中组件的数据-props

    前言 开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好...

  • React Native常用组件之ScrollView

    配置React Native的开发环境 React Native常用组件之ScrollView React Nat...

网友评论

      本文标题:react组件开发规范

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