Discussions

Le Redirect et la v6

Image

Bonjour Louis-Nicolas, sur la v6 le composant Redirect n'existe plus et je n'ai pas trouvé d'alternative simple pour le coup.

 

J'ai trouvé ce post qui, d'après ce que j'en comprends, explique qu'une redirection c'est à faire côté serveur et non pas côté client. Je suis assez d'accord avec ça : https://gist.github.com/mjackson/b5748add2795ce7448a366ae8f8ae3bb

 

Qu'en penses-tu ?

 

Merci de ton aide.

 

5 réponses
Image
Louis-Nicolas Leuillet
Le 06/07/2022 à 19:47

Bonjour Benjamin !

Je comprends l'idée mais je ne suis pas forcément d'accord avec ça, tout dépend du moment ou on veut faire une redirection.

Pour ce qui est de la redirection on peut toujours utilisé window.location https://www.w3schools.com/js/js_window_location.asp

Image
Raven
Le 07/07/2022 à 10:55

Merci pour ta réponse !

Image
Thibault Delt
Le 05/11/2022 à 09:09

J'ai utilisé le window.location comme préconisé par Louis-Nicolas. Par contre on charge "Articles" puis on charge "Accueil". 

 

Pour ceux que ça intéresse:

//Library
import React from "react";

function Articles(props) {
    //JSX
    return (
    <>
        <h1>Articles</h1>
        {window.location.assign("/")}
    </>
    );    

};

export default Articles;
Image
Benjamin Carriou
Le 15/02/2023 à 16:17

Est-ce que utiliser un useEffect ne ferait pas l'affaire ?

Ici par exemple on redirige automatiquement vers "/" quand le composant est monté:

import React, { useEffect } from "react";
import { useNavigate } from "react-router-dom";

function Articles() {
  const navigate = useNavigate();

  useEffect(() => {
    // Checking if user is not loggedIn
    navigate("/");
  }, [navigate]);

  return (
    <>
      <h1>Articles</h1>
    </>
  );
}

export default Articles;
Image
Louis-Nicolas Leuillet
Le 20/02/2023 à 09:07

Un useEffect est une alternative ! :)

Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.

Informations

Créée le 5 juillet 2022 15:37
Dernière activité le 5 juillet 2022 15:37