什么是react无状态组件

么是react无状态组件

一个无状态组件是一个组件的行为不依赖于它的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关键字绑定到当前作用域,而因为函数式声明的特性,我们不需要在强制绑定

更多React相关技术文章,请访问React答疑栏目进行学习!

以上就是什么是react无状态组件的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读