javascript - Où sont écrits les interactions et les événements dans React?

Question

Quand je suis nouveau dans la réaction, j'utilise toujours jquery pour gérer les événements comme avant
Supposons que j'utilise index.js pour organiser certains composants a.js b.js
Je dois implémenter ajax pour charger des images dans un certain composant
Où cet événement doit-il être monté ? composantDidMount ?
Tous les événements doivent-ils être montés sur le composant lui-même ?
La fonction de cycle de vie des composants est-elle conçue pour monter divers événements ?
Ne pas écrire d'événements dans index.js sauf le rendu ?

Answer 1

Comme son nom l'indique, le cycle de vie permet de faire quelque chose à différentes étapes du composant. L'appel d'ajax en fait partie, mais ce n'est pas le seul.

En partant du principe de ne pas introduire Redux, essayez de ne pas appeler ajax dans le composant enfant et placez-le autant que possible dans le composant parent le plus élevé.

render est la fonction de rendu et la fonction de traitement des événements est montée sur jsx.

Vous pouvez également attendre que le composant soit rendu, puis utiliser du js natif pour ajouter des événements au composant. Ce n'est pas un problème.

Answer 2

S'il s'agit simplement d'un événement d'interaction interne du composant, alors votre événement de chargement ajax peut être écrit dans l'achèvement du rendu du composant composantDidMount.

Answer 3

Rendu dans React en fonction de son propre jugement. Tant que la valeur de votre état change, il réévaluera les endroits qui doivent être mis à jour
Pour l'interaction, vous pouvez écrire des événements onClick normalement. faites attention au problème de ce pointage, et il est recommandé d'écrire avec des fonctions fléchées
De plus, si certaines fonctions veulent éviter des liaisons répétées, elles peuvent être liées uniformément dans le constructeur du composant

.

Answer 4

Je dois implémenter le chargement ajax des images dans un composant
Où cet événement doit-il être monté ? composantDidMount?
Réponse : cela dépend de la façon dont vous la chargez. Si vous chargez l'image via un événement, liez l'événement directement au composant, envoyez une requête et utilisez l'état pour contrôler si le composant est affiché si la page est chargée pendant. initialisation, puis envoyez simplement la requête directement à composantDidMount.
La fonction de cycle de vie des composants est-elle conçue pour monter divers événements ?
Réponse : Différentes méthodes seront déclenchées à différentes étapes du cycle de vie du composant. Il peut s'agir d'envoyer une requête ou de changer l'état, pas nécessairement~
N'écrivez-vous aucun événement dans index.js à l'exception du rendu ?
Réponse : l'index est le fichier d'entrée~