useUpdateEffect
useUpdateEffect
は、初回のレンダリング時にはエフェクトをスキップし、依存配列が変更された場合にのみエフェクトを実行するカスタムフックです。
インポート
import { useUpdateEffect } from "@yamada-ui/react"
使い方
編集可能な例
const [state, setState] = useState(1) const [updateState, setUpdateState] = useState(1) const [flg, { toggle }] = useBoolean() useEffect(() => { setState((prev) => prev + 1) }, [flg]) useUpdateEffect(() => { setUpdateState((prev) => prev + 1) }, [flg]) return ( <> <Text>state changed by useEffect: {String(state)}</Text> <Text>state changed by useUpdateEffect: {String(updateState)}</Text> <Button mt="md" onClick={toggle}> Update state </Button> </> )
GitHubでこのページを編集する