Maison >interface Web >js tutoriel >Comment cliquer pour réagir
Comment cliquer pour accéder à une nouvelle page en réaction : 1. Cliquez sur la page locale pour ouvrir une nouvelle page et introduire le composant Ant Button ; 2. La page locale passera à la nouvelle page sans modification.
L'environnement d'exploitation de ce tutoriel : système windows7, version React17 Cette méthode convient à toutes les marques d'ordinateurs.
Recommandations d'apprentissage associées : Tutoriel vidéo React
Comment cliquer pour accéder à une nouvelle page dans React :
(1) Cliquez sur la page locale pour ouvrir une nouvelle page
Introduire le composant Button de Ant
<Button style={{backgroundColor:'#F0F2F5'}} onClick={()=>{window.location.href="https://baidu.com"}} className="r-button" >
Introduire import {Link} from 'react-router-dom'
<Link to="/new/login/"> <Button className="e-button" type="primary">Back to login page</Button> </Link>
( 2). La page locale ne change pas et passe à la nouvelle page
<Button style={{backgroundColor:'#F0F2F5'}} onClick={this.handle} className="last-button" > handle=()=>{ const w=window.open('about:blank'); w.location.href="www.baidu.com" }
Recommandations d'apprentissage associées : Tutoriel vidéo javascript
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!