react的函数组件写法，使用hook-useState

//基本用法
import { useState } from 'react'
function Test(){
    const [num,setNum]=useState(5) //5是初始值,setNum等同于类组件中this.setState({num:xxx})
    return <button onClick={()=>setNum(num+1)}>{num}</button>
}
//自定义修改数据的方法
function Test(){
    const [num,setNum]=useState(5) 
    const changeNum=()=>{setNum(10)}
    return <button onClick={changeNum}>{num}</button>
}
//点击事件需要传参时
function Test(){
    const [num,setNum]=useState(5) 
    const changeNum=(val)=>{setNum(val)}
    return <button onClick={()=>changeNum(100)}>{num}</button>
}