問題の説明:const [textList, setTextList] = useState(元の配列); setTextList(新しい配列); 元の配列を変更する場合、元の配列が深い配列(複数のレイヤー)である場合、setTextListを使用して変更してもページの更新はトリガーされません。 原因分析:これには、可変オブジェクトと不変オブジェクトの知識が必要です。Vue と React では、可変オブジェクトを更新すると、ビューが更新されることがあります。これは、Vue と React がデフォルトで浅いリスナーであり、最初のレイヤーのデータのみをリッスンするためです。内部レイヤーのデータの変更は監視されません。 解決:ここでの私の解決策は、まず元の配列のディープ コピーを作成し、それを新しい配列に割り当て、次に新しい配列を変更して変更された新しい配列を渡すことです。これにより、ビューが更新されます。 var リスト = textList.concat(); リストを連結します(インデックス、1); setTextList(リスト); 補足: Reactでは、フックが使用されている場合、useStateの更新はコンポーネントをレンダリングしません。 react を使用して図のようなコンポーネントを記述すると、重大な問題が見つかりました。クラスを使用して記述することを選択すると、コンポーネントを通じてレンダリングを更新するのが簡単になります。 問題は解決したので、戻って何が起こったのか見てみましょう。 。 。 上記は、React Pure Function コンポーネントの setState 更新ページが更新されない問題の詳細な解決方法です。React の useState ページが更新されない問題の詳細については、123WORDPRESS.COM の他の関連記事に注目してください。 以下もご興味があるかもしれません:
|
<<: VMware vSphere 6.5 インストール チュートリアル (画像とテキスト)
>>: CentOS 6.9 で glibc ダイナミック ライブラリをアップグレードする詳細なプロセス
HTML と CSS で、ボタンの色を設定したいとします。 目的の効果は得られますが、プロセスはかな...
データベースはスロークエリログを有効にします設定ファイルを変更する設定ファイルmy.iniに次の2つ...
今日、null 値をテストしていたところ、小さな問題が見つかりました。ここに記録しました。以前にも遭...
voidキーワードの紹介まず、void キーワードは JavaScript で非常に重要なキーワード...
目次開発環境用のDocker-ceをインストールする開発環境用のDocker-composeをインス...
必要:バックエンドは配列オブジェクトを返し、それがフロントエンドで配列に結合されます。配列は名前に従...
背景: 一部の実験はサーバー上で完了する必要があります。したがって、リモート サーバー上のコードをロ...
過去の Linux イメージに関する問題を修正従来の Linux イメージで作成された ECS クラ...
1. はじめに最近、CentOS での開発には多くの不便があることがわかりました。Windows/M...
目次背景説明GETリクエストの作成事前リクエストスクリプトで署名を作成するスクリプトは環境変数に書き...
質問: 360ブラウザの互換モードなど、一部のブラウザでは、 <td style="...
Win10 システムでの MySQL 8.0.20 のインストールと設定の超詳細なチュートリアルMy...
私は数年間 vi エディタを使ってきましたが、実用的な用途で使ったことはありませんでした。今日 Py...
同僚から助けを求められました。バックエンド システムへのログインは成功したものの、システムには正常に...
目次chmod例権限に関する特別な注意分析するチョーンchgrp umask Linux オペレーテ...