Je veux passer une pièce d'identité lorsque l'utilisateur clique sur un bouton et est redirigé vers une autre page.
J'utilise le routeur de réact, mais impossible de passer une pièce d'identité. Jusqu'à présent, j'ai essayé ci-dessous le code: Lorsque l'utilisateur clique sur le bouton sur le bouton: Comment passer id (ceci .state.project.id)?
4 Réponses :
Vous pouvez en apprendre davantage sur le Modèle littéraux Pour concatez la chaîne.
<Route path="/editproject/:id" component={EditProject}/>
Vous pouvez utiliser et lisez-le à partir de Couverts de modèle pour transmettre le paramètre correspondant comme this. apps.match.params.id dans le composant ciblé
Changer votre code sur
if (this.state.switchEdit){
redirect=<Redirect to={`/editproject/:${this.state.project.id`} />
}
render(){
return(
{redirect}
)
}
Vous pouvez accéder aux paramètres dans une autre page à l'aide de: Vérifiez l'exemple suivant ... P> apps.match.params.whatever_was_passedinurl code> // All route props (match, location and history) are available to User
function User(props) {
return <h1>Hello {props.match.params.username}!</h1>;
}
ReactDOM.render(
<Router>
<Route path="/user/:username" component={User} />
</Router>,
node
);
Utilisation:
à = {`/ editProject /: $ {this.state.project.id}`}Obtenu et comment puis-je obtenir cet identifiant dans une autre page?