开发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 函数声明式的无状态组件。
- Android 手机卫士--9patch图
- iptables 思维导图 (zz)
- tomcat相关
- USB相关的网络资料
- iOS打开手机与指定用户聊天界面
- Part 4 Identity Column in SQL Server
- DM8168 解码显示模块代码阅读分析
- 关于 Unity UGUI 中修改 Mask 组件下 Image 等子节点组件的材质无效的问题
- RequireJS入门(三)
- IOS 学习笔记(1) 视图UIViewController
- ps-图像的符合
- ABP入门系列(9)——权限管理
- 如何 通过 userAgent 区别微信小程序
- 在html页面通过js实现复制粘贴功能
- spring入门——applicationContext与BeanFactory的区别
- 论文笔记:Capsules for Object Segmentation
- [转]httpclient编码
- katalon系列九:DEBUG调试功能
- HDU 5465 Clarke and puzzle Nim游戏+二维树状数组
- mysql基础知识详解
- jpa的Join和Fetch
- Spring Boot(5)一个极简且完整的后台框架
- 为毛GPU Cache不能移动顶点?
- Javascript小问题
- ThinkPhp框架分页查询和部分框架知识
- ES - Dynamic templates 动态模板
- pyexecjs模块
- spring 事物不回滚
- Winfrom中的几种传值方式
- Spring NoSuchBeanDefinitionException原因分析
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/yd-react-native/29401.html