react组件写法（react组件定义）

科技前沿 • 2025-05-12 07:59 • 阅读 53

大家好，我是讯享网，很高兴认识大家。

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

讯享网

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

二、事件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基础知识详解

讯享网 <li>jpa的Join和Fetch </li> <li>Spring Boot（5）一个极简且完整的后台框架 </li> <li>为毛GPU Cache不能移动顶点？ </li> <li>Javascript小问题 </li> <li>ThinkPhp框架分页查询和部分框架知识 </li> <li>ES - Dynamic templates 动态模板 </li> <li>pyexecjs模块 </li> <li>spring 事物不回滚 </li> <li>Winfrom中的几种传值方式 </li> <li>Spring NoSuchBeanDefinitionException原因分析 </li> </ol>

react组件写法（react组件定义）

相关推荐