反応ページが更新された後に値が消えた場合はどうすればよいですか?

反応ページが値を渡して更新した後に値が消える問題の解決策: 1. ページを更新し、状態内のデータがクリアされるかどうかを確認します; 2. "const name = location.query. name; const id = location.query.id;" メソッドはジャンプ リンクにパラメータを追加するため、パラメータを渡しながらページを更新した後にデータが失われることはありません。

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

反応ページが更新された後に値が消えた場合はどうすればよいですか?

リアクション ルーティング ジャンプ パラメーターを実行してページを更新した後のパラメーター損失の問題を解決します。

import { useHistory } from 'react-router-dom';
const history = useHistory();
 
history.push({
      pathname: '/details',
      state: {
        name: name,
        id: id,
      },
});

履歴内の状態を使用すると実際にパラメーターを渡すことができます。ページに入った状態では正常に表示されますが、ページを更新するとその状態のデータがクリアされ、正常にページが表示されなくなります。

import { useHistory } from 'react-router-dom';
const history = useHistory();
 
history.push({
      pathname: '/details',
      query: {
        name: name,
        id: id,
      },
});

クエリを使用すると、ジャンプ リンクにパラメータが追加されます。ページを更新しながら、データを失うことなくデータを渡すことができます。ただし、渡されるパラメータが多すぎると、リンクが非常に長くなります。

import { useLocation } from 'react-router-dom';
const location = useLocation();
const name = location.query.name;
const id = location.query.id;
// 获取state参数的写法
const name = location.state.name;
const id = location.state.id;

これはジャンプ ページでパラメータを取得する方法です

(個人テストは効果的ですが、型エラーが発生します)

推奨学習: "反応ビデオチュートリアル >>

以上が反応ページが更新された後に値が消えた場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。