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  613

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  604

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  1371

Rendu de plus d'erreurs de rendu précédentes sur le composant sans utiliser de hooks conditionnels

J'ai le composant suivant qui affiche un lien cliquable pour le téléchargement de fichiers import{gql,useLazyQuery,useMutation}from'@apollo/client';import{useEffect,useState}from'react';importtypeFileUploadfrom'@app/data/models/FileUpload ';importer{ExternalLink}de'@app/

P粉331849987 2023-09-09 22:36:14 0  1  635

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  538

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  750

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  792

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  504

Pourquoi le composant Vue n'est-il pas restitué après avoir modifié l'état de Pinia (suppression de l'objet dans le tableau) ?

J'ai une fonction deleteHandler qui modifie le tableau des utilisateurs dans pinia. Cependant, dans les outils de développement de vue, l'état est modifié mais le composant n'est pas restitué, mais si je supprime l'objet du tableau, je modifie simplement certaines valeurs, puis vue le reconnaît et r...

P粉763748806 2023-12-30 14:57:42 0  1  481

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  678

javascript - vue2.0 charge dynamiquement plusieurs composants identiques, entre différentes valeurs dans les données des composants et lors de la fermeture du non-dernier composant, la valeur détruite est la dernière valeur du composant.

Vue2.0 charge dynamiquement plusieurs composants identiques et entre des valeurs différentes dans les données des composants. Lors de la fermeture du non-dernier composant, la valeur détruite est la valeur du dernier composant. Méthode de chargement du composant : le composant est un tableau. Obtene...

黄舟 2017-07-05 11:00:36 0  1  1430

Comment restituer le même composant en utilisant différents accessoires dans <Route> de React-Router

J'ai un composant News qui nécessite quelques accessoires et je souhaite le rendre à nouveau chaque fois que je clique sur un <Link/> ainsi que sur l'accessoire de catégorie correspondant. Il met à jour l'URL mais ne restitue pas le composant. <Routes><Routepath="/"element={...

P粉002546490 2024-03-26 23:34:09 0  2  465

Rendre dynamiquement un composant Vue dans un autre composant

Utilisation de Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0 J'appelle un composant Vue en utilisant ceci : Le composant ressemble à ceci : <template><component:is="icon"/>>< ! -- ne fonctionne pas--><CalendarDaysIcon/><!--fonctionne-->&

P粉764003519 2023-08-30 20:51:07 0  2  590

Séquence de rendu et d'appels useEffect()

J'ai des composants TopPage et ImagePreview et FileUploader qui affichent d'abord FileUploader et FileUploader modifie l'état fileObj de TopPage. Ensuite, FileUploader disparaît, ImagePreview apparaît et useEffect() est appelé, mais il n'y a pas d'ImagePreviewRef pour le moment. Lorsque useState est...

P粉722409996 2024-03-22 10:16:32 0  1  450

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  514

Rendu dans une boucle de modèle à l'aide d'éléments de slot Vue

J'essaie de transmettre le code HTML des diapositives à un composant, puis de les restituer à un autre composant en utilisant les emplacements //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div ><div>slide2</div></template></mon-ca...

P粉514458863 2023-09-15 10:37:00 0  1  634

javascript - Imbrication de composants React-Router V4

J'ai déjà utilisé la version React-Router V2, et il n'y a eu aucun problème avec l'imbrication du routage comme suit : Objectif : L'accès à différents chemins chargera le composant Main_page. Selon les différents chemins, ces sous-composants tels que Abstract ou React_tutorial seront rendus dans. le...

代言 2017-06-26 10:50:06 0  2  908

Le titre est réécrit comme suit : Résoudre le problème de rendu de largeur dynamique du composant RatingBar dans Vue.js 3 et Tailwind CSS

J'utilise Vue.js3 et TailwindCSS. J'ai un composant appelé RatingBar et j'essaie d'appliquer une valeur de largeur dynamique à la classe de l'élément parent. Cependant, même si je peux voir la largeur attendue dans DevTools, le rendu est à 100 %. Voici mon code dans le composant RatingBar.vue : <...

P粉803527801 2023-09-01 10:19:15 0  1  452

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  472

Stockage des composants rendus et de l'état : comment persister lors des rechargements de pages ?

Je développe une application de tableau de bord que les utilisateurs peuvent personnaliser pour afficher les composants de leur choix. Une fois configurés, comment sauvegarder cet état pour que lorsque l'utilisateur revisite l'application, celle-ci charge les mêmes paramètres qu'à son départ ? Par e...

P粉052686710 2023-09-11 10:47:00 0  1  629