0
votes

Comment appeler un composant de classe en utilisant le gestionnaire d'événements oncelick dans React.js

J'ai deux fichiers. File1 est un composant de classe renvoyant une classe à l'aide d'exportation. File2 est un composant de fonction normal. J'ai un bouton dans File2, je veux utiliser ONCLICK STROND> MANUTLER Event pour invoquer mon fichier1 que j'ai importé dans File2. Je comprends des parties de mon code.

import Comment from './commentForm';

<Button type="button" outline onClick= {***I want to call comment here***}>
  Send Feedback
</Button>

javascript reactjs html jsx dom

3 commentaires

Quel est le premier fichier. S'il vous plaît élaborer votre question. Ce n'est pas clair.

Voulez-vous faire un commentaire de manière conditionnelle? Il y a beaucoup d'exemples pour cela, mais vous pouvez regarder cette Stackoverflow.com/questions/40477245/... .

Montrer à la fois les fichiers ailleurs mentionnent clairement ce qu'il fait

3 Réponses :

0
votes

Votre bouton doit être intégré à un composant d'emballage, faire quelque chose comme ceci: xxx

0 commentaires

0
votes

Si vous importez un composant fonctionnel d'un autre fichier, vous pouvez simplement ajouter la variable dans le gestionnaire OnClick. Il pourrait être utile de voir ce que "commentaires" fait réellement? XXX PRE>

Edit: En supposant que le commentaire ressemble à ceci ... p>

const Comment = () -> {
   return comment
}

export default Comment

1 commentaires

J'appelle des méthodes de composant de classe

1
votes

Je suppose que vous souhaitez appeler une méthode de composant de classe / s dans le gestionnaire de clic d'un autre composant, disons que vous avez

Composant de classe: ACLASSCOMP dans File1.JSX
Un autre composant (fonctionnel ou classe): parentComp dans File2.jsx
Vous pouvez faire le dessous xxx xxx
lorsque vous référence à un composant de classe, il renvoie son instance.

0 commentaires