🌔

【useReducer】React hookが便利すぎる

2021/07/18に公開
3

以下に移動しました。
https://tomoki-blog.org/reactjs/367/

Discussion

at_sushiat_sushi

詳しい記事ありがとうございます!

useReducerを使用すれば、dispatchを下位コンポーネントに渡せることができるので、深い階層によるstateの更新でもパフォーマンスが落ちにくいようです。

これってuseStateとの比較でしょうか?
もしそうなら、useStateで作ったsetStateも下位コンポーネントに渡せますので誤っているのかなという印象をうけました。

__Tomoki____Tomoki__

コメントありがとうございます。

これってuseStateの比較でしょうか?

はい、useStateと比べてのパフォーマンスです。

もしそうなら、useStateで作ったsetStateも下位コンポーネントに渡せますので誤っているのかなという印象をうけました。

仰るとおりuseStateで作ったsetStateも下位コンポーネントに渡すことができます。
useReducerを使用した際は、setStateではなく、dispatchを渡すことになります。

useReducerを使用すれば、dispatchを下位コンポーネントに渡せることができるので、深い階層によるstateの更新でもパフォーマンスが落ちにくいようです。

上記で述べているのは、下位コンポーネントに渡せることが可能かではなく、下位コンポーネントに「何を」渡すかでパフォーマンスの差が出てくるということです。
つまりはuseStateで下位コンポーネントに渡せないということは述べておりません。