Redirection React Router v6 : alternative au composant Redirect supprimé

Question

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.

Louis-Nicolas Leuillet · Accepted Answer

Un useEffect est une alternative ! :)

Louis-Nicolas Leuillet · Answer

Bonjour Benjamin !
Je comprends l'idée, mais je ne suis pas forcément d'accord avec ça ; tout dépend du moment où on veut faire une redirection.
Pour ce qui est de la redirection, on peut toujours utiliser window.location : https://www.w3schools.com/js/js_window_location.asp

Raven · Answer

Merci pour ta réponse !

Thibault Delt · Answer

J'ai utilisé 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 ( <>

Articles

{window.location.assign("/")} ); } export default Articles;

Benjamin Carriou · Answer

Est-ce qu'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 ( <>

Articles

); } export default Articles;

Redirection React Router v6 : alternative au composant Redirect supprimé

Créez des sites internet interactifs avec React 16 et Redux