React Hook useEffect,如何使用
了解 useEffect React Hook 的用途以及如何使用它! 如果你對 React Hook 還不熟悉,可以先閱讀我的React Hook 簡介。 在 React 中,我常常使用的一個 Hook 是 useEffect。 import React, { useEffect } from 'react' useEffect 函數會在元件首次渲染以及每次更新後執行。 React 首先會更新 DOM,然後呼叫傳給 useEffect() 的函數。 舉個例子: const { useEffect, useState } = React const CounterWithNameAndSideEffect = () => { const [count, setCount] = useState(0) const [name, setName] = useState('Flavio') useEffect(() => { console.log(`Hi ${name} you clicked ${count} times`) }) return ( <div> <p> Hi {name} you clicked {count} times </p> <button onClick={() => setCount(count + 1)}>Click me</button> <button onClick={() => setName(name === 'Flavio' ?...