0
votes

Comment puis-je rediriger avec une URL relative?

J'essaie de rediriger un bouton de déconnexion d'une liste déroulante sur ma page. Lorsque je clique sur la déconnexion à partir de maintenant, il ira à localhost: 3000 / Signout. J'ai essayé: xxx pré>

et il remplacera simplement l'URL comme localhost: 3000 / Redirect = www.google.com. p>

J'ai essayé: p> xxx pré> xxx pré>

ceci redirigera sur google.com lors du chargement et ne me laissera même pas Chargez ma propre page Web: p> xxx pré>

urlllist.js b> p> xxx pré>

App. JS B> P>

localhost:3000/www.google.com

javascript reactjs react-router-dom

1 commentaires

Pourriez-vous inclure le code pour l'option de liste déroulante de déconnexion s'il vous plaît?

3 Réponses :

0
votes

Vous pouvez essayer ceci:

import React from 'react'
import  { Redirect } from 'react-router-dom'

const ProtectedComponent = () => {
 if (authFails)
    return <Redirect to='redirect=www.google.com'  />
}
return <div> My Protected Component </div>
}

2 commentaires

S'il vous plaît ne postez pas uniquement de code comme réponse, mais inclure une explication de votre code et de la manière dont il résout le problème de la question. La réponse avec une explication est généralement de meilleure qualité et plus susceptible d'attirer des upvotes.

@MarkrotteveEL Excusez-moi. Je vais le faire de cette façon la prochaine fois.

2
votes

L'idée est de rediriger à l'intérieur em> votre composant code> Accueil code>. Jetez un coup d'œil à cet exemple de mise en œuvre.

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function Home() {
  return (
    <div className="App">
      <h1>Hello World</h1>
      <button
        name="sign-out"
        onClick={() => {
          // sign user out here
          window.location.assign("www.google.com");
        }}
      >
        Sign Out
      </button>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<Home />, rootElement);

1 commentaires

Merci c'est à peu près la solution que j'ai utilisée sur le mien.

0
votes

Tout ce qui est inclus dans la "" est la chose ajoutée au domaine. Par exemple Export const Signout = window.location.replace ("Google"); deviendra localhost: 3000 / Google.

Si vous souhaitez utiliser "www.google.com", essayez de l'importer comme une chose qui se tient au début de la page, comme "Importer google à partir de" www.google.com ", puis utilisez le { Google} élément.

0 commentaires