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

Administration de Shopware 6 : lecture de listFilterOptions() de SwProductList à partir du composant de plug-in personnalisé

Version Shopware6.4.20 Mon plugin personnalisé importe un composant en remplaçant SwProductDetail. Le composant importé nécessite les filterOptions de SwProductList. Comment puis-je lire la liste de SwProductList dans le composant ci-dessus ?

P粉615829742 2023-09-18 18:36:26 0  1  470

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

Impossible d'afficher le composant personnalisé React Native Expo

Je suis un débutant et je n'arrive pas à comprendre pourquoi l'un de mes composants personnalisés apparaît mais pas l'autre. Écran d'accueil : importReactfrom'react';import{View,Text}from'react-native';import{SafeAreaView}from'react-native-safe-area-context';import{ScrollView,TouchableOpacity}from'r...

P粉022723606 2023-08-13 09:58:33 0  1  610

Comment fermer le modal imbriqué dans un autre composant personnalisé ?

Comment fermer un modal imbriqué dans un autre composant personnalisé ? Mon modal est dans un autre composant. J'ai un problème pour transmettre l'état au composant parent. Vous pouvez voir les composants parent et enfant ci-dessous. Composant parent : constViewNote=({route,navigation})=>{const[v...

P粉579008412 2023-09-11 15:50:11 0  2  583

angulaire.js - Comment utiliser les composants de base angulaires dans une fonction personnalisée?

{Code...} Vous pouvez injecter ces composants système et les utiliser en référençant $scope, $state, $q, $ionicActionSheet dans le contrôleur. Comment puis-je utiliser ces composants si je personnalise une fonction ? {code...}

阿神 2017-05-15 16:52:33 0  1  596

Enregistrez les directives personnalisées globales pour les tests de composants Cypress dans Vue

Existe-t-il un moyen d'enregistrer une directive personnalisée globale dans vue.js pour les tests de composants Cypress. Le simple fait d'enregistrer app.directive('some',(el,binding)=>{{...}) dans le fichier main.js ne résout pas le problème. Parce que la directive n'a pas pu être analysée dans ...

P粉529581199 2024-03-26 22:44:23 0  1  541

Astuce Vue 3 pour envelopper tous les éléments dans des composants personnalisés à l'aide de fonctions de rendu

J'essaie de créer mon propre composant triable. Je souhaite transmettre une liste d'éléments à son emplacement par défaut. Le composant triable doit ensuite envelopper tous les éléments transmis avec un composant v-draggable personnalisé. <v-sortablehandle=".handle"><template:key=...

P粉926174288 2023-12-27 21:49:07 0  2  600

React Native : est-il possible d'avoir des sous-vues personnalisées dans le composant TextInput ?

J'essaie de créer un composant TextInput doté d'une vue personnalisée lors de la saisie du nom de quelqu'un. Par exemple, si le nom est John, il recherchera cette chaîne et ajoutera une vue contenant l'image de profil de John et son nom en ligne avec le texte. Actuellement, lorsque je fais de la vue...

P粉553428780 2023-09-11 15:07:01 0  1  623

Lors de l'utilisation du composant <Tab/> créé par vous-même, il y a un problème avec l'état "&.Mui-selected"

J'ai créé un <Tab/> personnalisé et je souhaite contrôler sa couleur sélectionnée à l'aide du code suivant : Code de démonstration Sandbox exportconstTab=styled(MuiTab)({"&.Mui-selected":{color:"red "}} ); Cependant, j'ai trouvé : 1. Appliquer directement le composant d...

P粉775788723 2023-09-20 19:56:31 0  1  585

javascript - Un composant enfant déclenche un événement personnalisé du composant parent, mais le composant parent ne répond pas.

Ce qui suit est le composant enfant @change='showChange' est l'événement du composant enfant. Le modèle suivant est enregistré en tant que composant de type commande {code...} Ce qui suit est la méthode du composant enfant : {code...} Le voici le composant parent {code...} Mais alert(2) n'est pas ex...

大家讲道理 2017-07-05 11:03:26 0  3  1049

Zone de texte personnalisée sur le composant Antd Select

Je souhaite donner à l'utilisateur la possibilité d'ajouter du texte personnalisé si le choix qu'il juge approprié ne fait pas partie des options affichées dans l'option "Sélectionner". J'ai créé avec succès un champ de texte personnalisé, mais obtenir la saisie de l'utilisateur et la défi...

P粉790187507 2024-03-30 11:16:20 0  1  542

Passer des données aux composants à l'aide de directives personnalisées dans Vue3 : un guide

Je souhaite obtenir ce comportement <simple-componentv-layer="'pizza'"/> en utilisant une directive personnalisée, en passant 'pizza' au composant et pouvoir l'utiliser dans mon SimpleComponent. L'idée est ensuite de le mettre dans la portée parent supérieure (via v-slot), c'est de l...

P粉407936281 2024-03-26 22:46:44 0  1  425

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

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

Existe-t-il un moyen transparent de combiner des accessoires personnalisés et natifs dans un wrapper de composant REACT TS ?

J'ai plusieurs composants qui étendent les fonctionnalités natives des entrées, des boutons, des formulaires, etc., mais je trouve fastidieux de devoir inclure chaque gestionnaire d'événements et accessoires lorsque l'équipe en a besoin. J'ai essayé simplement de faire en sorte que le type d'accesso...

P粉186897465 2024-03-30 17:01:40 0  1  524

Le lanceur personnalisé Android ajoute un widget personnalisé et ne peut pas mettre à jour l'interface du widget

Le lanceur personnalisé Android ajoute des widgets personnalisés et ne peut pas mettre à jour l'interface des widgets. Les widgets personnalisés peuvent être mis à jour sur le lanceur système. Les widgets système tels que les horloges peuvent être mis à jour sur le lanceur personnalisé. Le code AppW...

某草草 2017-05-16 13:29:24 0  1  748

Manière correcte de créer un composant de case à cocher personnalisé Vue

Comment créer une case à cocher personnalisée dans Vue. Lorsque la case à cocher change, elle doit appeler la fonction. J'ai reçu l'erreur "Impossible de lire la propriété 'id' de undefined" et l'avertissement "Une erreur non gérée s'est produite lors de l'exécution d'un gestionnaire ...

P粉135292805 2023-09-02 18:22:50 0  1  541

Impossible d'appeler le fichier de contrôle personnalisé,

J'ai créé un contrôleur personnalisé comme l'a fait le professeur, mais il ne m'a pas répondu. Que se passe-t-il, je suis si inquiet ?

　　　　　戒　　 2018-07-08 18:49:03 0  1  1067

javascript - Comment personnaliser le style du composant déroulant Flatlist?

1. Tout d'abord, permettez-moi de parler de l'effet que je souhaite obtenir. Déroulez une image comme JD.com sur les téléphones mobiles et passez à une nouvelle page après l'avoir lâchée. 2. Mais Flatlist a un événement déroulant par défaut {code...} Je ne vois pas comment modifier ce contrôle d'en-...

PHP中文网 2017-06-08 11:02:39 0  1  1345