rfc 创建函数组件

引入

import React, { useState, useEffect } from 'react'

声明数据 和 修改数据的方法  只能通过这个方法修改数据

const [num, setNum] = useState(100);//num为变量 setNum为变量的修改方法   100为初始值   num只能被setNum修改
    const [username, setUsername] = useState("");

使用声明的数据和方法 {num}    setnum(num+1)

  return (
        <div>
            {num}
            <button onClick={() => {
                setnum(num + 1)
            }}>加法</button>
        </div>
    )