React-hook-useState

137 阅读1分钟
  1. 函数式编程,添加钩子(hook),才可以做一些复杂的操作
  2. useState的使用 const [count,setCount] = useState(0)
  3. 修改值 setCount(count+1)}
import {useState} from "react";

function Hook01(){
    //ES6的结构,相当于下面注释的代码
    const [count,setCount] = useState(0)
    // const state = useState(0)
    // const count = state[0]
    // const setCount = state[1]
    return<div>
        <button onClick={()=>setCount(count+1)}>点我</button>
        点击{count}次
    </div>
}

export default  Hook01