Que dois-je faire si la valeur disparaît après l'actualisation de la page de réaction ?

La solution à la disparition de la valeur après l'actualisation de la page de réaction : 1. Actualisez la page et vérifiez si les données de l'état seront effacées ; 2. Passez "const name = location.query.name; const id = location. query.id; " ajoute des paramètres dans le lien de saut, afin que les données ne soient pas perdues après l'actualisation de la page lors du transfert des paramètres.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Que dois-je faire si la valeur transmise disparaît après l'actualisation de la page de réaction ?

Résolvez le problème de perte de paramètres après avoir réagi aux paramètres de saut de routage et actualisé la page

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

L'utilisation de l'état dans l'historique peut en effet transmettre des paramètres, et il peut être affiché normalement lors de l'entrée dans la page, mais les données dans l'état seront effacé après avoir actualisé la page, la page ne peut pas être affichée normalement.

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

Utiliser la requête consiste à ajouter des paramètres dans le lien de saut. Les données peuvent être transmises lors de l'actualisation de la page sans perdre les données. Cependant, si trop de paramètres sont transmis, le lien sera très long.

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;

C'est le moyen d'obtenir les paramètres sur la page de saut

(Le test personnel est efficace, mais il y aura des erreurs de type)

Apprentissage recommandé : "Tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!