我們的範例是一個自己做的 hook 叫做 useCounter
,要來驗證它的 increment
跟 decrement
function 會正確地更新 count
這個 state。
use-counter.js
import React from 'react'
function useCounter({initialCount = 0, step = 1} = {}) {
const [count, setCount] = React.useState(initialCount)
const increment = () => setCount(c => c + step)
const decrement = () => setCount(c => c - step)
return {count, increment, decrement}
}
export {useCounter}
P.S.等鐵人賽結束,要回來補好多東西 QQ