hook
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
useState组件状态
// rfc 函数组件快捷方式
// react16.8版本后hook特性 函数组件使用 useState
// useState 函数组件使用state
// 1.引入useState
import React,{useState} from 'react'
export default function App() {
// 2. useState state 和setState方法
// 参数1 state的名称 参数2 修改state的方法 参数3 state的默认值
// 想当于rcc 中 state = {num:1}
const [num, setNum] = useState(1)
// 声明定义一个state
const [count, setCount] = useState(100)
// 练习 state 存储count值默认100 每次点击按钮+10
return (
<div>
{num}
<button onClick={()=>setNum(num+1)}>{num}</button>
<button onClick={()=>setCount(count+10)}>{count}</button>
</div>
)
}
生命周期useEffect
// 函数组件hook特性,提供函数组件生命周期使用
// useEffect
//