React HooksHooks：它可以强化函数式组件,让我们在不编写 class 的情况下使用 state 以及其他的

Hooks：它可以强化函数式组件,让我们在不编写 class 的情况下使用 state 以及其他的 React 特性。这样我们就可以放心使用函数是组件，函数式组件中没有生命周期，没有this，没有state，可以避免出错。

useState：

每一次渲染都是一个独立的闭包

每次改变状态时，都有自己独立的事件处理函数

在使用alert时，仅仅是捕获到，当你点击这个按钮时当时的状态

使用之前先在 "react"中解构出useState

import React,{useState} from "react"

import React,{useState} from "react"
import ReactDOM from "react-dom"
function Counter(){
    let [number,setNumber] = useState(0)
    function alertNumber(){
        setTimeout(()=>{
            alert(number)
        },3000)
    }
    return(
        <div>
            <h1>{number}</h1>
            <button onClick={()=>setNumber(number+1)}>+</button>
            <button onClick={alertNumber}>alertNumber</button>
        </div>
    )
}
ReactDOM.render(<Counter />, window.app)