REACT Stateless Functional Component
2017-01-13 15:51
357 查看
stateless function component 在 0.14 版本中提供,适用于没有state ,输出内容的变化仅仅依赖于输入的props
好处:
1.代码少,结构清楚
2符合state放在顶层的设计模式
3.不用this bind
4.未来性能会好(目前比不上 pureComponent,后续版本会做优化。)
参考文档
https://medium.com/@housecor/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc#.utpf5xnsa
that has no state and returns the same markup given the same props
const Hehe= (props) => <p>hehe</p>;
好处:
1.代码少,结构清楚
2符合state放在顶层的设计模式
3.不用this bind
4.未来性能会好(目前比不上 pureComponent,后续版本会做优化。)
参考文档
https://medium.com/@housecor/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc#.utpf5xnsa
相关文章推荐
- [React] Creating a Stateless Functional Component
- react 创建组件 (四)Stateless Functional Component
- [React] Cleanly Map Over A Stateless Functional Component with a Higher Order Component
- [React & Debug] Quick way to debug Stateless component
- Stateless Functional Component 学习
- [React] displayName for stateless component
- [Recompose] Add Local State to a Functional Stateless Component using Recompose
- Stateless functional component 和 shouldComponentUpdate
- [React] Refactor a Stateful List Component to a Functional Component with React PowerPlug
- [Recompose] Add Lifecycle Hooks to a Functional Stateless Component using Recompose
- React学习笔记_无状态组件(Stateless Component) 与高阶组件
- React Component Lifecycle(生命周期)
- Debug: babel arrow function 'unexpected token' in React.Component
- [React] Stop Memory Leaks with componentWillUnmount Lifecycle Method in React
- React的componentWillUpdate获取不到更新的props值(redux)
- [Recompose] Stream a React Component from an Ajax Request with RxJS
- React-component
- React异步请求数据出现setState(...): Can only update a mounted or mounting component...
- React之PureComponent的使用作用
- [React] Update Component State in React With Ramda Lenses