React 的无状态函数
来源:互联网 发布:java函数重载是指 编辑:程序博客网 时间:2024/06/01 14:14
React 官方推出的三种构造组件的方法:
React.createClass、ES6 classes、无状态函数(stateless function)。
下面仅简单介绍一下无状态函数:
使用无状态函数构建的组件成为无状态组件,这种构建的方式是0.14版本之后新增的,官方也比较推崇:
简单的代码实例:
function Button({ color = 'blue' , text = 'Confirm' }){
return (
<button className={'btn btn-${color}'}>
<em>{text}</em>
</button>
);
}
无状态组件只传入props和context两个参数,也就是说,它不存在state,也没有生命周期方法。不过像propTypes和defaultProps还是可以通过静态的方法设置静态属性来实现的。
在合适的情况下,我们应该积极的使用无状态的组件,因为无状态组件在创建时始终保持一个实例,避免了不必要的检查和内存分配,做到内部的优化。
阅读全文
0 0
- React 的无状态函数
- react-bits:无状态函数组件
- react 入门-创建组件(2)无状态功能函数法
- React总结6:无状态组件
- react---react创建组件的三种方式以及区别:无状态组件、工厂模式、es6语法定义
- React无状态组件更新props时会失去焦点
- react状态管理的思考
- 有状态和无状态的区别
- 有状态和无状态的Servlet
- 无状态的EJB(JBoss)
- 无状态TCP的ip_conntrack
- 有关“无状态“的理解
- 无状态设计的服务端
- REST无状态的理解
- REST无状态的理解
- Http的无状态性
- restful的无状态理解
- react的生命周期函数
- JSON字符串
- ActiveMQ实战(二)--ActiveMQ的通信方式之P2P点对点通信(point-to-point)
- 树莓派3 上安装运行Android Things系统
- Retrofit2+Rxjava2+nucleus5(简化Presenter)+ButterKnife(减少findViewById使用)
- OSG学习:使用OSG中预定义的几何体
- React 的无状态函数
- git segmentation fault
- 废人
- 通过Java代码装配bean
- JVM高级特性与实践(十):虚拟机字节码执行引擎(栈帧结构)
- Ubuntu 交叉编译openCV3.2 至s5pv210环境
- C语言中的泛型编程(void *)
- HBase根据rowkey删除表记录
- CSS定位之绝对定位