Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

useUpdateEffect

useUpdateEffectは、初回のレンダリング時にはエフェクトをスキップし、依存配列が変更された場合にのみエフェクトを実行するカスタムフックです。

ソース@yamada-ui/utils

インポート

import { useUpdateEffect } from "@yamada-ui/react"
Copied!

使い方

編集可能な例

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>
  </>
)
Copied!

GitHubでこのページを編集する

useBreakpointEffectuseValue