React useState，useEffect ，Hook是什麼？什麼是副作用？

初步接觸 React 中的同學可能會對 useState，useEffect ，Hook，副作用 這些命名比較陌生，一起來了解一下。

Hook是什麼？

Hook 是鉤子，我理解他是一個概念，在不使用class（使用函數）定義一個組件的時候，能用到一些 React 的鉤子函數；React 內置了一些像 useState 這樣的 Hook。你也可以創建你自己的 Hook 來複用不同組件之間的狀態邏輯。

class 組件中的 componentDidMount、componentDidUpdate 和 componentWillUnmount 也是鉤子函數（也可以稱爲生命週期函數）

 

什麼是副作用？

在 React 組件中執行數據獲取、訂閱或者手動修改 DOM，我們統一把這些操作稱爲“副作用”，或者簡稱爲“作用”。

 

useState是什麼，怎麼使用？

（useEffect 和 userState 都可以在組件執行多次）

userState 是 React 自帶的一個 Hook 函數，下面是示例代碼：

代碼的簡單介紹： 這裏我定義了一個state 的 變量 key 爲 aaa，默認值爲1，並且定義了一個函數 setAaa 可以修改 aaa變量，調用方式就是 setAaa(value)。傳入一個參數，state 的 aaa的值就會改變成你傳入的值。

import React, { useState } from 'react';

const Customer = ({ dispatch,list}) => {

  const [aaa, setAaa] = useState(1);

  const click_hide = (e) => {
    setAaa(0)
  }
  
  &lt