reactjs无状态组件

又叫函数式组件
什么时候需要用到无状态组件？
1.无需state,即不处理用户的输入，组件的所有数据都是依赖props传入的
2.不需要用到生命周期函数

好处：
1.不需要声明类，可以避免大量的譬如extends或者constructor这样的代码
2.不需要显式声明this关键字

import React, { Component } from 'react';

export default class Header extends Component {
  render() {
    return (
      

        

          

              
Header
          
        
      
    );
  }
}

改造成函数式无状态组件

import React from 'react';

const Header = (props) => {
  return (
      

        

          

              
Header
          
        
      
    );
}

export default Header;