🌔【useReducer】React hookが便利すぎる2021/07/18に公開2023/02/073件JavaScriptReactJSXtech以下に移動しました。 https://tomoki-blog.org/reactjs/367/ Discussionat_sushi2022/04/16に更新詳しい記事ありがとうございます! useReducerを使用すれば、dispatchを下位コンポーネントに渡せることができるので、深い階層によるstateの更新でもパフォーマンスが落ちにくいようです。 これってuseStateとの比較でしょうか? もしそうなら、useStateで作ったsetStateも下位コンポーネントに渡せますので誤っているのかなという印象をうけました。 __Tomoki__2022/04/04コメントありがとうございます。 これってuseStateの比較でしょうか? はい、useStateと比べてのパフォーマンスです。 もしそうなら、useStateで作ったsetStateも下位コンポーネントに渡せますので誤っているのかなという印象をうけました。 仰るとおりuseStateで作ったsetStateも下位コンポーネントに渡すことができます。 useReducerを使用した際は、setStateではなく、dispatchを渡すことになります。 useReducerを使用すれば、dispatchを下位コンポーネントに渡せることができるので、深い階層によるstateの更新でもパフォーマンスが落ちにくいようです。 上記で述べているのは、下位コンポーネントに渡せることが可能かではなく、下位コンポーネントに「何を」渡すかでパフォーマンスの差が出てくるということです。 つまりはuseStateで下位コンポーネントに渡せないということは述べておりません。 at_sushi2022/04/16なるほど、ありがとうございます! 返信を追加
at_sushi2022/04/16に更新詳しい記事ありがとうございます! useReducerを使用すれば、dispatchを下位コンポーネントに渡せることができるので、深い階層によるstateの更新でもパフォーマンスが落ちにくいようです。 これってuseStateとの比較でしょうか? もしそうなら、useStateで作ったsetStateも下位コンポーネントに渡せますので誤っているのかなという印象をうけました。
__Tomoki__2022/04/04コメントありがとうございます。 これってuseStateの比較でしょうか? はい、useStateと比べてのパフォーマンスです。 もしそうなら、useStateで作ったsetStateも下位コンポーネントに渡せますので誤っているのかなという印象をうけました。 仰るとおりuseStateで作ったsetStateも下位コンポーネントに渡すことができます。 useReducerを使用した際は、setStateではなく、dispatchを渡すことになります。 useReducerを使用すれば、dispatchを下位コンポーネントに渡せることができるので、深い階層によるstateの更新でもパフォーマンスが落ちにくいようです。 上記で述べているのは、下位コンポーネントに渡せることが可能かではなく、下位コンポーネントに「何を」渡すかでパフォーマンスの差が出てくるということです。 つまりはuseStateで下位コンポーネントに渡せないということは述べておりません。 at_sushi2022/04/16なるほど、ありがとうございます! 返信を追加
Discussion
詳しい記事ありがとうございます!
これってuseStateとの比較でしょうか?
もしそうなら、useStateで作ったsetStateも下位コンポーネントに渡せますので誤っているのかなという印象をうけました。
コメントありがとうございます。
はい、useStateと比べてのパフォーマンスです。
仰るとおりuseStateで作ったsetStateも下位コンポーネントに渡すことができます。
useReducerを使用した際は、
setState
ではなく、dispatch
を渡すことになります。上記で述べているのは、下位コンポーネントに渡せることが可能かではなく、下位コンポーネントに「何を」渡すかでパフォーマンスの差が出てくるということです。
つまりはuseStateで下位コンポーネントに渡せないということは述べておりません。
なるほど、ありがとうございます!