Donc, j'ai créé un composant personnalisé pour un lien de routeur constamment utilisé, voici comment il s'agit de la recherche de fichiers JS: maintenant, ce composant est appelé mon login.js par exemple, comme Donc: P> <LNLink
to="/sign-up"
text="Sign up"
className={styles.loginSignUpLink}
/>
3 Réponses :
Pour répondre à la partie bonus de votre question, vous pouvez passer tout ce que vous voulez entre ceci.props.children < p>
C'était que je n'utilisais pas cela.Props.classname qui était passé, vérifiez ma réponse et @Albertarvesu.
Je pense que vous devriez également utiliser classname code> comme prop pour lnlink. Et enfants code> pour obtenir ce qui se trouve à l'intérieur de la balise. class LNLink extends Component {
render() {
return (
<Link className={this.props.className} to={this.props.to}>
{this.props.children}
</Link>
);
}
}
export default LNLink;
<LNLink
to="/sign-up"
className={styles.loginSignUpLink}
/>
Sign up
</Link>
D'accord, je l'ai compris, le problème était que je n'utilise pas le style passé sur le composant, le correctif est simple, il suffit d'ajouter maintenant j'utilise maintenant les noms de classes Parce que le package semble plus propre car j'utilise des modules CSS, mais si vous n'êtes pas, vous pouvez le taper comme étant suit: ceci.props.classname comme style sur le composant , donc dans mon lnlink.js J'ai modifié le classname Pour regarder comme suit: className = {Noms de classe (styles.lnlink, ceci.props.classname )}