Il n'y a pas de liaison bidirectionnelle dans React ; l'idée de conception de React est un flux de données unidirectionnel, il n'y a pas de concept de liaison bidirectionnelle ; React est la couche de vue, un seul flux de données ne peut être transmis que par le composant parent au composant enfant via des accessoires, qui répondent aux exigences de rendu de la couche View et sont plus faciles à tester et à contrôler, il n'y a donc pas de liaison bidirectionnelle dans React.
L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.
React n'a pas de liaison bidirectionnelle
L'idée de conception de React est un flux de données unidirectionnel. Je pense que nous pouvons comprendre pourquoi il n'y a pas de données bidirectionnelles. liaison comme celle-ci :
Tout d'abord, React est une pure couche de vue
Ensuite, quelles sont les exigences pour la liaison de données bidirectionnelle pour React -- Évidemment une exigence commerciale ? Étant donné que le flux de données unidirectionnel répond déjà aux exigences du rendu de la couche View et est plus facile à tester et à contrôler (à partir de Props ou State), pourquoi existe-t-il un besoin d'une liaison de données bidirectionnelle dans React pur.
Si vous devez résoudre le problème de liaison de données bidirectionnelle, vous pouvez utiliser des bibliothèques tierces telles que le formulaire rc d'Ant Design. Vous pouvez également le stocker dans State ou même Redux, selon vos besoins.
Donc, le manque de liaison de données bidirectionnelle dans React n'est pas un manque de fonctionnalité ou un problème de conflit, mais que React se concentre uniquement sur la résolution d'un problème pur : la couche View.
Flux de données unidirectionnel
Le flux de données unidirectionnel signifie que le flux de données ne peut être transmis du composant parent au composant enfant que via des accessoires, et que les données ne peuvent pas être transmises du composant enfant au composant parent. .Pour obtenir une liaison bidirectionnelle des données, seul le composant enfant peut recevoir la méthode transmise par les accessoires du composant parent pour modifier les données du composant parent, au lieu de transmettre directement les données du composant enfant au composant parent.
En fait, il n'y a pas de concept de liaison bidirectionnelle dans React. Chaque fois que nous mettons à jour la page et la valeur, nous devons appeler l'API spécifiée pour la déclencher. En vue, nous n'avons besoin que d'utiliser l'instruction v-model. pour le réaliser pleinement. En vue Les instructions dans sont en fait implémentées en utilisant le sucre syntaxique de plusieurs événements.
Apprentissage recommandé : "Tutoriel vidéo React"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!