{}

基础知识-函数式组件

函数式组件

在函数里面直接return 标签 | 内容 就可以啦

函数式组件用法

import React from 'react';
import ReactDom from 'react-dom';

<!-- 函数式组件 -->
const App = () => (<div>我是函数式组件</div>)
<!-- 构建渲染DOM树 -->
ReactDom.render(<App></App>,document.getElementById('root')) //写法一
ReactDom.render(<App/>,document.getElementById('root')) //写法二

注意事项

同类组件一样在导入或者声明的时候最好首字母大写

无状态组件 在 React 16.8版本之前 函数组件又叫 无状态组件 在16.8之前有些事情函数式组件还做不了
ReactHooks 在 React 16.8版本之后 出现了 React Hooks 从而解决了一些16.8版本之前函数式无状态的问题