Est-ce que React est un spa ?

react est un mode Spa, c'est-à-dire l'imbrication de composants. Ses principales méthodes de transmission de paramètres sont : 1. Transmettre les paramètres au composant sur lequel il est monté ; 2. Transmettre les paramètres du parent à l'enfant, c'est-à-dire utiliser des accessoires ou une référence pour passer les paramètres ; 3. Passage du paramètre parent enfant, c'est-à-dire que le composant enfant modifie l'état du composant parent en déclenchant la méthode du composant parent ; 4. Passage du paramètre Brother, c'est-à-dire changer l'état du composant enfant en changeant ; l'état du composant public ; 5. Le passage de paramètres entre parents éloignés, c'est-à-dire le passage de paramètres via Redux, facilite le passage des paramètres.

L'environnement d'exploitation de ce tutoriel : système Windows7, version React18.0.0, ordinateur Dell G3.

React est-il un spa ?

react est un mode SPA, c'est-à-dire imbrication de composants Dans une application d'une seule page, le transfert de valeur entre les composants est essentiel. Les principales méthodes de transmission des paramètres sont à peu près les suivantes :

1, Passer les paramètres. au composant où il est monté

　ReactDOM.rander(<a name=&#39;a&#39; age={16}/>,app) Lors du rendu, transmettez directement les paramètres au composant monté.

2. Transmission des paramètres du parent à l'enfant

La transmission des paramètres parent-enfant peut être effectuée de deux manières : les paramètres et la réf. sont transmis en mode accessoires. le composant enfant via les accessoires et dans le composant enfant show. ② Passer les paramètres via la réf.Cette méthode consiste à ce qu'après que le composant enfant change son propre état via sa propre méthode, le composant parent modifie les paramètres en déclenchant la méthode du composant enfant.

3. Passage des paramètres du fils au père

Le composant enfant change l'état du composant parent en déclenchant la méthode du composant parent

4. Passage des paramètres de frère à frère

Il existe deux types de passage de paramètres. de frère en frère, l'un se fait par promotion d'état, et l'autre par changement. L'état du composant public change ensuite l'état du sous-composant. L'autre façon est de changer l'état d'origine en passant les paramètres via la réf.

5. Transfert de paramètres entre parents éloignés

L'utilisation de redux pour faciliter le transfert de paramètres est généralement adaptée lorsqu'il y a beaucoup d'interactions avec le projet. S'il n'y a pas d'interaction, l'utilisation de redux augmentera la complexité du projet. Je ne sais pas s'il faut ne pas l'utiliser lors de l'utilisation de Redux.

Introduction connexe :

Une application Web à page unique (SPA) est une application avec une seule page Web. Il s'agit d'un site Web qui charge une seule page HTML et met à jour dynamiquement la page lorsque l'utilisateur interagit avec l'application.

—— "Encyclopédie Baidu"

Le concept de SPA existe depuis longtemps. Pour faire simple : peu importe le nombre de pages de votre site Web, je les regrouperai en une seule page pour vous.

SPA n'actualise pas la page, mais effectue uniquement des mises à jour partielles. Autrement dit, sauf pour la première fois que vous ouvrez le site Web, qui doit charger la page entière, tous les sauts ultérieurs dans le site ne rechargeront pas la page, mais la rechargeront. être sur la page actuelle. Effectuez une actualisation partielle pour obtenir l’effet de changement de page.

Imaginez, supposons que le site Web ait besoin à l'origine de deux pages a et b, mais maintenant je crée uniquement un index, puis j'écris tous les fragments html des deux pages a et b dans l'index, et lors de l'affichage, j'utilise js pour déterminer le URL actuelle. Si c'est /a, j'afficherai uniquement le fragment html qui appartient à l'origine à a de la même manière, si c'est /b, j'afficherai le fragment html de b ;

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!