useState

(1). State Hook让函数组件也可以有state状态, 并进行状态数据的读写操作 (2). 语法: const [xxx, setXxx] = React.useState(initValue)

(3). useState()说明:

    参数: 第一次初始化指定的值在内部作缓存
    返回值: 包含2个元素的数组, 第1个为内部当前状态值, 第2个为更新状态值的函数

(4). setXxx()2种写法:

    setXxx(newValue): 参数为非函数值, 直接指定新的状态值, 内部用其覆盖原来的状态值
    setXxx(value => newValue): 参数为函数, 接收原本的状态值, 返回新的状态值, 内部用其覆盖原来的状态值

import React from "react"
 const Demo=()=>{
    //给state赋初始值
    const [count,setCount]=React.useState(0)
    const [changeName,setName]=React.useState("ws")
    //这里是修改state
    const clickHandle=()=>{
        setCount(count=>count+1)
    }
    const changeHandle=()=>{
        setName("jack")
    }
    return (
        <div>
        <h1>这个数据是{count}</h1>
        <h2>我的名字是{changeName}</h2>
        <button onClick={clickHandle}>加一</button>
        <button onClick={changeHandle}>点我改名</button>
    </div>
    )
}
export default Demo