panda_noir https://blog.hatena.ne.jp/panda_noir/ Panda Noir https://www.pandanoir.info/ React React hooks 小技。 「一時的な変数を useRef で定義したい」といった時に便利なテクニックです。 { const prevValue = useRef(value); useEffect(() => { if (prevValue.current === value) return; // 変化したタイミングで行う処理 prevValue.current = value; }, [value]); } やり方は簡単です。↑こうやってブロック({})で囲むだけです。コレで prevValue のスコープを狭められます。フックのルールにも抵触しません。 値の変化を検知して副作用を実行したいときに僕はよくこ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.pandanoir.info%2Fentry%2F2023%2F02%2F14%2F191212" title="ブロックを使うと prevValue を使うフックが書きやすい - Panda Noir" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-02-14 19:12:12 rich https://www.pandanoir.info/entry/2023/02/14/191212 1.0 100%