このカスタムReactフックのどこが間違っていますか-useLocalStorage?

カイル・ランバート

カスタムフックの何が問題なのかを理解しようとしています。クリックイベントでローカルストレージにいくつかの製品を追加しようとしています。フックは機能していますが、新しいカテゴリに切り替えるとフックが上書きされます。

フックを独自のコンテキストに入れてみましたが、それでも同じ問題が発生します。CodeSandboxで問題を再現しました:https://codesandbox.io/s/winter-water-kxml8?file = / src / App.js

前もって感謝します!カイル

ian

useLocalStorageフックは期待どおりに機能します。ただし、同じキーを使用して複数のコンポーネントで同時に使用しています。また、変更を他のコンポーネントに配布するロジックはありません。

最も簡単なオプションは、useLocalStorageをアプリに移動し、状態を渡してコンポーネントに更新することです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

useLocalStorageを使用する場合、ローカル状態はコンポーネントを再レンダリングしません

分類Dev

このC ++コンテナのデストラクタのどこが間違っていますか?

分類Dev

SQLクエリのどこが間違っていますか?

分類Dev

ここでReactフックを間違って使用しているのはどうしてですか?

分類Dev

私のプロジェクトとこれらのJavaScriptフレームワークのどこが間違っていますか?

分類Dev

Haskellプログラムのクラッシュ-無限再帰?どこのステートメントが間違っていますか?

分類Dev

ファイル名のどこが間違っていますか?

分類Dev

パンダのpyplotにおける間違ったx値は整数にインデックスを変換してデータフレーム。どのように私は、正しい値を得ることができますか?

分類Dev

AndroidStudioのカスタムクラスのファイルパスが間違っています

分類Dev

私のコードのロジックはどこが間違っていますか?

分類Dev

このSendInputスニペットで何が間違っていますか?

分類Dev

このPOSTリクエストで何が間違っていますか?

分類Dev

このAngularHTTPリクエストで何が間違っていますか?

分類Dev

「各フックの前のモカ」メッセージは赤で表示されます。具体的に何が間違っているのかをどうやって知ることができますか?

分類Dev

このプロローグソートプログラムは、単にその複雑さのために、またはそれが間違っているために、スタックをオーバーフローしていますか?

分類Dev

ffmpegのインストールとphpの設定でこれはどこが間違っていますか

分類Dev

Reactのカスタムフックの何が問題になっていますか?

分類Dev

anacronタスクのどこが間違っているのか教えてください。

分類Dev

ポインター関連のUE4クラッシュ。私のポインタはどこが間違っていますか?

分類Dev

このデータフレームのダウンサンプリングでどこが間違っているのですか?

分類Dev

\ P {Cn}のどこが間違っているのですか?

分類Dev

推論のどこが間違っていたのですか?

分類Dev

私の考えはどこが間違っていますか?ブラウザは単純な<div>ボックスをスケーリングします

分類Dev

HTTPリクエストはどこが間違っていますか?

分類Dev

自作のサブパッケージに自作のPythonクラスをインポートする際にどこが間違っていますか?

分類Dev

次のLPコードのどこが間違っていますか?

分類Dev

このsrcsetのどこが間違っているのか誰かがわかりますか?

分類Dev

PHP、アップロードされた画像のURLはデータベースに保存されません。どこが間違っているのですか?

分類Dev

どこが間違っているのですか?

Related 関連記事

  1. 1

    useLocalStorageを使用する場合、ローカル状態はコンポーネントを再レンダリングしません

  2. 2

    このC ++コンテナのデストラクタのどこが間違っていますか?

  3. 3

    SQLクエリのどこが間違っていますか?

  4. 4

    ここでReactフックを間違って使用しているのはどうしてですか?

  5. 5

    私のプロジェクトとこれらのJavaScriptフレームワークのどこが間違っていますか?

  6. 6

    Haskellプログラムのクラッシュ-無限再帰?どこのステートメントが間違っていますか?

  7. 7

    ファイル名のどこが間違っていますか?

  8. 8

    パンダのpyplotにおける間違ったx値は整数にインデックスを変換してデータフレーム。どのように私は、正しい値を得ることができますか?

  9. 9

    AndroidStudioのカスタムクラスのファイルパスが間違っています

  10. 10

    私のコードのロジックはどこが間違っていますか?

  11. 11

    このSendInputスニペットで何が間違っていますか?

  12. 12

    このPOSTリクエストで何が間違っていますか?

  13. 13

    このAngularHTTPリクエストで何が間違っていますか?

  14. 14

    「各フックの前のモカ」メッセージは赤で表示されます。具体的に何が間違っているのかをどうやって知ることができますか?

  15. 15

    このプロローグソートプログラムは、単にその複雑さのために、またはそれが間違っているために、スタックをオーバーフローしていますか?

  16. 16

    ffmpegのインストールとphpの設定でこれはどこが間違っていますか

  17. 17

    Reactのカスタムフックの何が問題になっていますか?

  18. 18

    anacronタスクのどこが間違っているのか教えてください。

  19. 19

    ポインター関連のUE4クラッシュ。私のポインタはどこが間違っていますか?

  20. 20

    このデータフレームのダウンサンプリングでどこが間違っているのですか?

  21. 21

    \ P {Cn}のどこが間違っているのですか?

  22. 22

    推論のどこが間違っていたのですか?

  23. 23

    私の考えはどこが間違っていますか?ブラウザは単純な<div>ボックスをスケーリングします

  24. 24

    HTTPリクエストはどこが間違っていますか?

  25. 25

    自作のサブパッケージに自作のPythonクラスをインポートする際にどこが間違っていますか?

  26. 26

    次のLPコードのどこが間違っていますか?

  27. 27

    このsrcsetのどこが間違っているのか誰かがわかりますか?

  28. 28

    PHP、アップロードされた画像のURLはデータベースに保存されません。どこが間違っているのですか?

  29. 29

    どこが間違っているのですか?

ホットタグ

アーカイブ