React学习笔记06-函数式组件-526互联

函数式组件即在React中通过函数的方式来声明一个组件

import React from "react"
function App() {
    return (
        <div>
            函数式组件
            <div>hhh</div>
        </div>
    )
}
/* 
  16.8之前  //无状态
  16.8之后 react hooks
*/
export default App

函数式组件的使用方式和类组件一样

需要注意的是16.8版本之前函数式组件是无状态的，即不可以进行状态的更新与维护。

16.8版本之后引入了react hooks 可以通过hooks来管理状态。

所以16.8以后得版本更提倡使用函数式组件。

函数式组件+react hooks相对于类组件可以更简单的维护状态，并减少一定的代码量有助于项目的维护。