{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 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.
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:'#F0F2F5'}} 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:'#F0F2F5'}} onClick={this.handle} className="last-button" > handle=()=>{ const w=window.open('about:blank'); 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!