Erkundung der Herausforderungen des bedingten Renderings in benutzerdefinierten React-Komponenten

Ich habe ein Problem mit dem bedingten Rendering in einer benutzerdefinierten Komponente in meiner React-Anwendung. Ich habe daran gearbeitet, eine benutzerdefinierte Komponente für bedingtes Rendering zu erstellen, die Inhalte nur dann rendert, wenn bestimmte Bedingungen erfüllt sind. Hier ist mein...

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

Methode zum Aktualisieren des Status der vorherigen React-Komponente, die von einem Array gerendert wird

Ich habe eine React-Komponente in einem Array hinzugefügt und das Array gerendert, als ich auf die Schaltfläche „Komponente hinzufügen“ geklickt habe. Jede Komponente wird gerendert, indem sie als Eigenschaft an den Count-Hook übergeben wird. Das Problem besteht darin, dass, sobald die Komponente de...

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

Wie vue.js Komponenten rekursiv rendert.

Ich habe zuerst eine Basiskomponente geschrieben und wollte mich dann mit der Komponente für das rekursive Rendern vertraut machen. Nach der Einführung trat jedoch das Problem auf, dass die Vorlage oder die Renderfunktion nicht definiert war. Können Sie mir bitte sagen, wie ich es lösen kann?

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

Beim Rendern von Komponenten treten mehr als bei früheren Renderfehlern auf, ohne dass bedingte Hooks verwendet werden

Ich habe die folgende Komponente, die einen anklickbaren Link für den Datei-Upload rendert: import{gql,useLazyQuery,useMutation}from'@apollo/client';import{useEffect,useState}from'react';importtypeFileUploadfrom'@app/data/models/FileUpload ';import{ExternalLink}from'@app/

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

Reagieren Sie auf einen nativen Rendering-Fehler, wenn Sie versuchen, mehrere Komponenten zu rendern

Ich möchte mehrere Kopien derselben benutzerdefinierten Komponente rendern, die erstellt wurde, nachdem der Benutzer auf die Schaltfläche „Hinzufügen“ geklickt hat. Mein Code lautet wie folgt: import"react-native-get-random-values";import{StyleSheet,TextInput,View,Text,TouchableHighlight,B...

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

Warum wird meine React-Komponente zweimal gerendert?

Ich weiß nicht, warum meine React-Komponente zweimal gerendert wird. Also extrahiere ich die Telefonnummer aus den Parametern und speichere sie im Status, damit ich sie über Firestore suchen kann. Alles scheint gut zu funktionieren, außer dass es zweimal gerendert wird ... beim ersten Mal werden die...

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

javascript - Könnten Sie mir bitte sagen, ob das Lazy-Rendering von FlatList in React-Native auf dem Element oder der kleinsten Komponente basiert?

FlatList rendert untergeordnete Elemente langsam und beginnt erst mit dem Rendern, wenn sie auf dem Bildschirm erscheinen. Wird es also in Einheiten von Elementen oder in Einheiten von kleinsten Komponenten gerendert? Angenommen, eine Liste enthält 3 Elemente, ein Element belegt 3 Bildschirme, jedes...

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

So rendern Sie mit Hyperstack-Komponenten in der Erb-Ansicht

Ich habe zum Beispiel eine Erb-Seite, die viel Logik enthält. Ich möchte mit Hyperstack eine Benutzernachricht auf dieser Seite erstellen. Wie kann ich Hyperstack-Komponenten auf dieser Erb-Seite rendern? Update: Ich weiß, dass dies möglich ist, da die Hyperstack-Komponente in application.erb eingeb...

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

Warum wird die Vue-Komponente nach dem Ändern des Pinia-Status (Entfernen des Objekts im Array) nicht erneut gerendert?

Ich habe eine deleteHandler-Funktion, die das Benutzerarray in Pinia ändert. In den Devtools von vue wird jedoch der Status geändert, aber die Komponente wird nicht erneut gerendert. Wenn ich jedoch das Objekt aus dem Array entferne, ändere ich einfach einige Werte, dann erkennt Vue es und rendert d...

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

javascript - Benutzerdefinierte Unterkomponente empfängt übergeordnete Komponentendaten, wie man mit v-for mehrere Unterkomponenten rendert

Beginnen wir mit dem Code. Nun werden 4 Objekte an die untergeordnete Komponente übergeben. Wie wird v-for zum Rendern von 4 untergeordneten Komponenten verwendet?

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

javascript - vue2.0 lädt dynamisch mehrere identische Komponenten, gibt unterschiedliche Werte in die Daten in den Komponenten ein und beim Schließen der nicht letzten Komponente ist der zerstörte Wert der letzte Komponentenwert.

Vue2.0 lädt dynamisch mehrere identische Komponenten und gibt unterschiedliche Werte in die Daten in den Komponenten ein. Beim Schließen der nicht letzten Komponente ist der zerstörte Wert der Wert der letzten Komponente. Komponentenlademethode: Komponente ist ein Array. Rufen Sie die zu rendernde K...

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

So rendern Sie dieselbe Komponente mit unterschiedlichen Requisiten in <Route> von React-Router

Ich habe eine News-Komponente, die einige Requisiten erfordert, und ich möchte, dass sie jedes Mal neu gerendert wird, wenn ich auf einen <Link/> und die entsprechende Kategorie-Requisite klicke. Es aktualisiert die URL, rendert die Komponente jedoch nicht erneut. <Routes><Routepath=&...

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

Rendern Sie eine Vue-Komponente dynamisch innerhalb einer anderen Komponente

Mit Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0 rufe ich eine Vue-Komponente auf: Die Komponente sieht folgendermaßen aus: <template><component:is="icon"/><! -- funktioniert nicht--><CalendarDaysIcon/><!--works-->&

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

Reihenfolge des erneuten Renderns und der useEffect()-Aufrufe

Ich habe die Komponenten TopPage und ImagePreview und FileUploader zeigen FileUploader zuerst an und FileUploader ändert den fileObj-Status von TopPage. Dann verschwindet FileUploader, ImagePreview erscheint und useEffect() wird aufgerufen, aber zu diesem Zeitpunkt gibt es kein ImagePreviewRef. Wenn...

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

Kombinieren Sie Vue innerhalb von Vue-Komponenten, um HTML zu rendern

Ich versuche, ein Projekt von Vue2 auf Vue3 zu aktualisieren, wobei ich eine Komponente habe, die eine Sammlung verschiedener Vue-Komponenten enthält. Die Funktionsweise in Vue2 besteht darin, dass Sie eine Twig-Vorlage in Twig aufrufen (z. B. field.twig) und diese mithilfe des :is-Attributs und der...

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

Rendern in einer Vorlagenschleife mit Vue-Slot-Elementen

Ich versuche, den HTML-Code der Folien an eine Komponente zu übergeben und sie dann mithilfe von slots //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div in einer anderen Komponente zu rendern ><div>slide2</div></template></my-caro...

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

Javascript – React-Router V4-Komponentenverschachtelung

Ich habe zuvor die React-Router V2-Version verwendet und es gab kein Problem mit der Routing-Verschachtelung wie folgt: Zweck: Durch den Zugriff auf verschiedene Pfade wird die Main_page-Komponente geladen. Diese Unterkomponenten wie Abstract oder React_tutorial werden entsprechend unterschiedlicher...

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

Der Titel wird wie folgt umgeschrieben: Lösung des dynamischen Breitenwiedergabeproblems der RatingBar-Komponente in Vue.js 3 und Tailwind CSS

Ich verwende Vue.js3 und TailwindCSS. Ich habe eine Komponente namens RatingBar und versuche, einen dynamischen Breitenwert auf die Klasse des übergeordneten Elements anzuwenden. Obwohl ich in DevTools die erwartete Breite sehen kann, wird sie mit 100 % gerendert. Dies ist mein Code in der RatingBar...

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

Die Funktion set*** wird aufgerufen, das erneute Rendern der Funktionskomponente wird jedoch nicht ausgeführt.

Mein Skript sieht wie folgt aus: Nachdem die API das Element erhalten hat, möchte ich die Komponente erneut rendern und die EnhancedTable anzeigen lassen. Aber mit diesem Skript ist Apifetch erfolgreich, aber EnhancedTable wird nicht angezeigt. „response.data“ gibt die korrekten Daten zurück, es wir...

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

Speichern gerenderter Komponenten und des Status: Wie bleibt es über Seitenneuladevorgänge hinweg bestehen?

Ich entwickle eine Dashboard-Anwendung, die Benutzer anpassen können, um Komponenten ihrer Wahl darzustellen. Wie speichere ich diesen Status nach der Konfiguration, sodass beim erneuten Aufrufen der Anwendung durch den Benutzer dieselben Einstellungen geladen werden wie beim Verlassen? Folgende Kom...

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