【React】1度だけ変更されるstateにはuseStateよりuseReducerを使う方が最適

useStateでしょ！ という声が聞こえてきますね。 おっしゃる通りなんですが、それよりも実はそういう時はuseReducerの方がより適しているという話です。 はじめましてスペースマーケットでフロントエンドエンジニア兼リーダーをしています。 はじめに useState / useReducerがなんぞや？という方は公式のリファレンスをご確認ください。 1度だけ変更されるstateでいうと下記のようなイメージでしょうか？ const Hoge: FC = () => { const [finished, setFinished] = useState(false) const onClick = () => { setFinished(true) } if (finished) return <div>送信しました！</div> return ( <div> <button onClic

[shingo-sasaki-0529]

クールだ。でも意図を表現するためにカスタムフックにするのも良さそう。 useOnewayState = (v1, v2) => useReducer(() => v2, v1) みたいな。

[berlysia]

useReducerという名前に持たせるには意味が強いかつ慣用的なので、カスタムフックにするように提案するかなー

[fukken]

ちょっとトリッキーだけど面白い発想。

[hachibeechan]

面白いスタイルだけどいい感じかも