J'ai fait un composant pour un bouton avec effet d'animation afin que je puisse l'utiliser dans mes autres composants en l'important simplement. J'ai fait beaucoup de code dans le composant de boutons pour l'animation, je ne veux donc pas utiliser beaucoup de même code et encore dans d'autres composants.
Y a-t-il une manière que je puisse utiliser le bouton pour différents événements en important simplement. Par example; Dans un composant, j'importe la touche
4 Réponses :
Supposons que vous ayez un bouton comme et dans ce composant supposé, espoir c'est clair, n'hésitez pas à des doutes
Bien sûr! Ceci est l'idée de composants. Vous voulez recevoir un accessoire dans votre bouton pour gérer tout ce qui se passe OnClick.
I.e. P>
Composant parent Créez la fonction spécialisée pour gérer P>
class YourCustomButton extends React......
<Button onClick={this.props.onClick}> ...
Créer un apps pour le bouton pour fournir une option comme
Implément dans d'autres composants: P>
class Button extends custombutton{
handleClick =() =>{
this.props.clickevent();
}
render(){
return(
{props.mode=="submitmode" &&
<button type="submit" onClick={handleClick} class="submitstyle" />
}
{props.mode=="displaymode" &&
<button class="displaystyle" onClick={handleClick} />
}
);
}
}
Bien sûr, il y a, il suffit de lui donner des accessoires différents:
Exemple sur CoDesandbox:
https://codesandbox.io/s/admiring-wing-okiqw
Le parent: Vous appelez Le fils: fbutton deux fois, un avec sumone un autre avec sumtwo accessoires.
Vous pouvez appeler une fonction qui prend un paramètre et vous pouvez différencier l'opération effectuée selon cette variable de paramètre.