Explorer les défis du rendu conditionnel dans les composants personnalisés React

Je rencontre un problème avec le rendu conditionnel dans un composant personnalisé de mon application React. J'ai travaillé sur la création d'un composant personnalisé pour le rendu conditionnel qui restitue le contenu uniquement lorsque certaines conditions sont remplies. Voici mon code actuel : im...

P粉301523298 2023-08-18 15:58:43 0  2  586

Méthode pour mettre à jour l'état du composant React précédent rendu par un tableau

J'ai ajouté un composant React dans un tableau et rendu le tableau lorsque j'ai cliqué sur le bouton "Ajouter un composant". Chaque composant est rendu en le passant en tant que propriété au count hook. Le problème est qu'une fois le composant ajouté au tableau et rendu, le hook de comptag...

P粉014218124 2023-09-08 21:35:51 0  1  581

Comment vue.js restitue les composants de manière récursive.

J'ai d'abord écrit un composant de base, puis j'ai voulu me présenter au composant de rendu récursif. Cependant, après l'avoir présenté, j'aurais le problème du modèle ou de la fonction de rendu non défini. Pourriez-vous s'il vous plaît me dire comment le résoudre ?

淡淡烟草味 2017-07-05 10:59:35 0  2  1349

Pourquoi mon composant React s'affiche-t-il deux fois ?

Je ne sais pas pourquoi mon composant React s'affiche deux fois. J'extrais donc le numéro de téléphone des paramètres et je l'enregistre dans l'état afin de pouvoir le rechercher via Firestore. Tout semble bien fonctionner sauf que le rendu est effectué deux fois... la première fois, le numéro de té...

P粉268654873 2023-10-16 12:47:00 0  1  719

javascript - Le sous-composant personnalisé reçoit les données du composant parent, comment utiliser v-for pour restituer plusieurs sous-composants

Commençons par le code. Il y a maintenant 4 objets passés au composant enfant. Comment utiliser v-for pour rendre 4 composants enfants ? Faut-il placer v-for dans le modèle du composant parent ou dans le composant enfant ?

PHP中文网 2017-05-19 10:44:00 0  1  641

javascript - Comment afficher des composants personnalisés dans Vue

Le code est le suivant : cbutton est un composant personnalisé. Dans le cas 1, c'est normal et il n'y a pas de problème. Dans le cas 2, v-html ne peut restituer que les composants natifs. Dans le cas 2, une sortie dynamique est requise. doit être résolu en utilisant render ? Qu'en est-il de jsx ? Je...

phpcn_u1582 2017-06-28 09:28:58 0  1  893

javascript - Problème de rendu du composant Vue deux fois

{Code...} a été rendu deux fois. Une erreur a été signalée la première fois, mais les données ont été rendues avec succès la deuxième fois. Quel est le problème ? . .

天蓬老师 2017-05-18 10:52:57 0  3  750

Existe-t-il un « rendu des éléments » ? événement?

J'ai besoin de mesurer avec précision les dimensions du texte dans une application Web, et je le fais en créant un élément (avec la classe CSS appropriée), en définissant son innerHTML, puis en l'ajoutant à un conteneur à l'aide de appendChild. Après cela, vous devez attendre un moment avant que l'é...

P粉727531237 2024-02-26 10:42:45 0  2  551

angulaire.js - Comment forcer le rendu d'un composant dans Angular 2?

Il semble que parce qu'un composant est actualisé en dehors de la zone, ses mises à jour ne seront pas rendues. Cette raison n'est qu'une supposition, et même moi, je n'en suis pas sûr. . .

巴扎黑 2017-05-15 17:08:21 0  1  657

Restituez le composant React Router en cliquant vous-même sur le lien.

J'utilise React Router Dom v6. Lorsque vous cliquez sur un lien ou un autre, le composant Route s'affiche normalement. Cependant, si "/pathOne" est actif et que je clique à nouveau dessus, rien ne se passe. Existe-t-il un moyen de forcer le rendu d'un élément de route en cliquant sur un li...

P粉295728625 2023-07-27 22:31:16 0  1  502

Combinez Vue dans les composants Vue pour afficher du HTML

J'essaie de mettre à niveau un projet de Vue2 vers Vue3, où j'ai un composant qui contient une collection de différents composants Vue. La façon dont cela fonctionne dans Vue2 est que vous appelez un modèle Twig dans Twig (par exemple : field.twig) et que vous l'envoyez à Vue pour compilation en uti...

P粉193307465 2024-03-26 14:35:53 0  1  487

Erreur de rendu React Native lors de la tentative de rendu de plusieurs composants

Je souhaite restituer plusieurs copies du même composant personnalisé créé après que l'utilisateur a appuyé sur le bouton "Ajouter". Mon code est le suivant : import"react-native-get-random-values";import{StyleSheet,TextInput,View,Text,TouchableHighlight,Button}from'react-native'...

P粉043566314 2023-09-05 18:57:09 0  1  510

La fonction set*** est appelée mais le nouveau rendu du composant fonction n'est pas exécuté.

Mon script ressemble à ci-dessous, une fois que l'API a obtenu l'élément, je souhaite restituer le composant et faire apparaître EnhancedTable. Mais avec ce script, apifetch réussit, mais EnhancedTable n'apparaît pas. réponse.data renvoie les données correctes, mais le nouveau rendu n'est pas effect...

P粉864872812 2024-04-04 09:53:14 0  1  419

Comment effectuer un rendu à l'aide de composants Hyperstack dans la vue ERB

Par exemple, j'ai une page erb qui contient beaucoup de logique. Je souhaite créer un message utilisateur sur cette page en utilisant Hyperstack. Comment puis-je restituer les composants Hyperstack sur cette page erb ? Mise à jour : je sais que cela est possible car le composant Hyperstack est intég...

P粉301523298 2023-08-16 15:03:45 0  1  484

javascript - Pourriez-vous s'il vous plaît me dire si le rendu paresseux de FlatList dans React-Native est basé sur l'élément ou sur le plus petit composant ?

FlatList restitue les éléments enfants paresseusement, ne commençant à les restituer que lorsqu'ils sont sur le point d'apparaître à l'écran. Alors, est-il rendu en unités d'éléments ou en unités des plus petits composants ? Supposons qu'une liste comporte 3 éléments, qu'un élément occupe 3 écrans, ...

滿天的星座 2017-05-31 10:37:53 0  1  767

Comment restituer le contenu dans le slot

Comme indiqué ci-dessous, j'ai créé un bouton avec un emplacement dans un composant enfant. Le nom de l'emplacement est slotDigitizePolygonBtnLabel. Le bouton du composant enfant doit avoir une propriété appelée handicapState pour indiquer si le bouton est désactivé. Dans le composant parent, je sou...

P粉877114798 2023-08-18 00:30:15 0  1  580

Next.js prend-il en charge le rendu conditionnel et le pré-rendu du HTML non rendu ?

Next.js pré-rend-il le rendu HTML sur une page qui ne s'affiche que lorsque l'on clique sur un certain bouton ? Par exemple, lorsque nous avons des onglets, est-ce que le contenu de l'onglet n'est pas encore affiché ?

P粉450744515 2023-08-14 17:48:55 0  1  562