React（7）语法学习{hook、useState组件状态、生命周期useEffect、Redux}

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
//