Apakah yang perlu saya lakukan jika nilai itu hilang selepas halaman tindak balas dimuat semula?

Penyelesaian kepada nilai yang hilang selepas halaman tindak balas dimuat semula: 1. Muat semula halaman dan semak sama ada data dalam keadaan akan dikosongkan; 2. Lulus "const name = location.query.name; const id = location. query.id;" kaedah menambah parameter dalam pautan lompat, supaya data tidak akan hilang selepas memuat semula halaman semasa menghantar parameter.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Apakah yang perlu saya lakukan jika nilai hilang selepas halaman tindak balas dimuat semula?

Selesaikan masalah kehilangan parameter selepas pemindahan parameter lompat laluan bertindak balas dan muat semula halaman

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

Menggunakan keadaan dalam sejarah sememangnya boleh melepasi parameter, dan apabila memasuki halaman Ia boleh dipaparkan seperti biasa, tetapi selepas memuat semula halaman, data dalam keadaan akan dikosongkan, dan halaman tidak boleh dipaparkan seperti biasa.

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

Menggunakan pertanyaan adalah untuk menambah parameter dalam pautan lompat Data boleh dihantar semasa menyegarkan halaman tanpa kehilangan data Walau bagaimanapun, jika terlalu banyak parameter dihantar, pautan akan menjadi sangat panjang.

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;

Ini ialah cara untuk mendapatkan parameter pada halaman lompat

(Ia berfungsi dalam ujian peribadi, tetapi akan terdapat ralat jenis)

Pembelajaran yang disyorkan: " tutorial Video reaksi》

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika nilai itu hilang selepas halaman tindak balas dimuat semula?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!