{const w=window.open('about: blank '); La méthode w.location.href="..."}" implémente le clic sur la page locale pour accéder à une nouvelle page."/> {const w=window.open('about: blank '); La méthode w.location.href="..."}" implémente le clic sur la page locale pour accéder à une nouvelle page.">

Maison  >  Article  >  interface Web  >  Comment accéder à une nouvelle page en réaction

Comment accéder à une nouvelle page en réaction

藏色散人
藏色散人original
2022-12-20 11:27:555717parcourir

Comment accéder à une nouvelle page dans React : 1. Ouvrez une nouvelle page sur la page d'origine en appliquant le composant Button dans ant ; 2. Utilisez "handle=()=>{const w=window.open( ' about:blank'); La méthode w.location.href="..."}" implémente le fait de cliquer sur la page locale pour accéder à une nouvelle page.

Comment accéder à une nouvelle page en réaction

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

Comment passer à une nouvelle page en réaction ?

réagissez en cliquant pour accéder à une nouvelle page

Méthode de saut :

Dans le développement front-end actuel, nous devons utiliser des frameworks dans un large éventail d'endroits. Aujourd'hui, nous allons parler de la façon de cliquer pour accéder à une nouvelle page. nouvelle page dans "react" ? Méthode Jump !"

Méthode 1 :

Ouvrez une nouvelle page sur la page d'origine. Nous appliquons le composant Button dans ant ; le code est le suivant :

<Button style={{backgroundColor:&#39;#F0F2F5&#39;}} 
  onClick={()=>{window.location.href="https://baidu.com"}}
  className="r-button"
>

Après cela, importez {Link} depuis 'react-router-dom' et ceci chaîne de code est Cela peut être réalisé en ouvrant une nouvelle page sur la page d'origine. Le code est le suivant :

<Link to="/new/login/">
<Button className="e-button" type="primary">Back to login page</Button>
</Link>

Méthode 2 :

La page locale passe à une nouvelle page en cliquant dessus. Le code est le suivant :

<Button style={{backgroundColor:&#39;#F0F2F5&#39;}} 
onClick={this.handle}
className="last-button"
>
handle=()=>{
  const w=window.open(&#39;about:blank&#39;);
  w.location.href="www.baidu.com"
}

Résumé :

Ce qui précède est une question sur "Comment cliquer". passer à une nouvelle page dans React ? Méthode Jump ! "Plusieurs méthodes, bien sûr, si vous avez une meilleure méthode d'implémentation, vous pouvez la partager avec tout le monde ! Nous pouvons acheter et acquérir d'autres connaissances sur le framework React dans le cours d'introduction à React. Les informations pratiques et l'expérience pratique sont toutes deux disponibles pour vous aider à vous améliorer rapidement.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn