一个无状态组件是一个组件的行为不依赖于它的 state. 无状态组件可以是函数式组件也可是是类组件. 无状态的函数式组件易于维护和测试, 虽然它们完全避免了 this 关键字. 当什么周期钩子不需要使用的时候用无状态函数式组件更好.
简而言之就是没有状态发生的组件, 里面一切内容都是不需要改变的.
- import React from 'react';
- const Header = () => {
- return (
- <div>
- 123456
- </div>
- )
- }
- export default Header
无状态组件的利处:
1. 无需要 state, 即不处理用户的输入, 组件的所有的数据都是依赖 props 传入的
2. 不需要用到生命周期函数
3. 不需要申明类, 可以避免大量的 extends 或者 constconstructor 这样的代码
4. 不需要显示声明 this 关键字, 在 ES6 中的类往往需要将函数的 this 关键字绑定到当前作用域, 而因为函数式声明的特性, 我们不需要在强制绑定
来源: http://www.css88.com/qa/react/14408.html