当前位置:网站首页 > React Native移动开发 > 正文

react组件写法(react组件定义)



开发react也有一段时间了,一开始的随手写,生命周期乱用,无状态组件的不熟悉。现在逐渐规范一下,从网上各个地方copy过来,整理出一份文档。可能不全,后续还得多提炼总结和完善。

一、组件内方法书写,先写生命周期函数(按执行顺序写),再写自定义函数。

二、事件this绑定放到constrcutor构造函数中

三、组件一定要有prop传入类型校验,即要写PropTypes

注意:prop-types是第三方的npm包。react16版本后,自己不再维护PropTypes。因此要引用第三方的

四、异步获取数据请求放到componentDidMount中

五、尽量不要在钩子函数外使用setState方法,以及setTimeout中,不要在componentWillUpdate/componentDidUpdate/render中执行setState, 可能异致死循环。

六、访问真实dom方式:refs

七、render方法内尽量少申明变量

八、数据遍历组件的时候要有key属性,但是不要用数组下标作为key

九、简单展示类型,不涉及到state的组件,用function 函数声明式的无状态组件。









  1. Android 手机卫士--9patch图
  2. iptables 思维导图 (zz)
  3. tomcat相关
  4. USB相关的网络资料
  5. iOS打开手机与指定用户聊天界面
  6. Part 4 Identity Column in SQL Server
  7. DM8168 解码显示模块代码阅读分析
  8. 关于 Unity UGUI 中修改 Mask 组件下 Image 等子节点组件的材质无效的问题
  9. RequireJS入门(三)
  10. IOS 学习笔记(1) 视图UIViewController
  11. ps-图像的符合
  12. ABP入门系列(9)——权限管理
  13. 如何 通过 userAgent 区别微信小程序
  14. 在html页面通过js实现复制粘贴功能
  15. spring入门——applicationContext与BeanFactory的区别
  16. 论文笔记:Capsules for Object Segmentation
  17. [转]httpclient编码
  18. katalon系列九:DEBUG调试功能
  19. HDU 5465 Clarke and puzzle Nim游戏+二维树状数组
  20. mysql基础知识详解

  1. jpa的Join和Fetch
  2. Spring Boot(5)一个极简且完整的后台框架
  3. 为毛GPU Cache不能移动顶点?
  4. Javascript小问题
  5. ThinkPhp框架分页查询和部分框架知识
  6. ES - Dynamic templates 动态模板
  7. pyexecjs模块
  8. spring 事物不回滚
  9. Winfrom中的几种传值方式
  10. Spring NoSuchBeanDefinitionException原因分析
到此这篇react组件写法(react组件定义)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • react入门到精通(react 入门)2025-02-17 19:18:10
  • react 入门教程(react从入门到精通)2025-02-17 19:18:10
  • react 常用组件库(react组件三大属性)2025-02-17 19:18:10
  • react 进阶之路(react进阶之路)2025-02-17 19:18:10
  • reactui组件(react ui组件)2025-02-17 19:18:10
  • react组件调用方法(react组件constructor)2025-02-17 19:18:10
  • react入门视频教程(react教程,看这篇就够了)2025-02-17 19:18:10
  • 移动硬盘怎么设置密码加密保护(怎么给移动硬盘加密码保护)2025-02-17 19:18:10
  • react组件写法(react常用组件及作用)2025-02-17 19:18:10
  • react组件三大属性(react组件constructor)2025-02-17 19:18:10
  • 全屏图片