简介State HOOK

State Hook 是一个在函数组件中使用的函数（useState），用于在函数组件中使用状态；

useState

• 默认值：0

• 必须写在函数组件中

   import React, {useState} from 'react'
   ​
   export default function StateHook() {
       useState(0);
       return (
           <div>
               
           </div>
       )
   }
  

• 函数有一个参数，这个参数的值表示状态的默认值

• 函数的返回值是一个数组，该数组一定包含两项

  • 第一个值：默认状态
  • 第二个值：改变状态的函数

   export default function StateHook() {
       const [state, setstate] = useState(0);
       return (
           <>
               <button onClick={()=>{
                   setstate(state - 1)
               }}>-</button>
               <span>{state}</span>
               <button onClick={() => {
                   setstate(state + 1)
               }}>+</button>
           </>
       )
   }
   ​