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

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

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

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

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

javascript – So rendern Sie benutzerdefinierte Komponenten in Vue

Der Code lautet wie folgt: cbutton ist eine benutzerdefinierte Komponente. In Fall 2 ist dies kein Problem. In Fall 2 ist eine dynamische Ausgabe erforderlich Muss mit Render gelöst werden? Was ist mit jsx? Ich habe die Render-Funktion noch nie verwendet

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

Javascript - Vue-Komponenten-Rendering-Problem zweimal

Beim ersten Mal wurde ein Fehler gemeldet, beim zweiten Mal wurden die Daten jedoch erfolgreich gerendert. . .

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

Gibt es „Element-Rendering'? Ereignis?

Ich muss die Abmessungen von Text in einer Webanwendung genau messen. Dazu erstelle ich ein Element (mit der entsprechenden CSS-Klasse), lege dessen innerHTML fest und füge es dann mit appendChild einem Container hinzu. Danach müssen Sie eine Weile warten, bis das Element gerendert wird und dessen o...

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

angular.js - Angular 2 如何强制重新渲染一个组件?

貌似由于在 zone 外面刷新一个组件，它的更新不会被渲染出来 这个原因是瞎猜的，就是我也不确定的样子。。。

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

Rendern Sie die React Router-Komponente erneut, indem Sie selbst auf den Link klicken.

Ich verwende React Router Dom v6. Wenn Sie auf den einen oder anderen Link klicken, wird die Routenkomponente normal gerendert. Wenn jedoch „/pathOne“ aktiv ist und ich erneut darauf klicke, passiert nichts. Gibt es eine Möglichkeit, das erneute Rendern eines Routenelements zu erzwingen, indem Sie a...

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

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

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

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

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

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

So rendern Sie Inhalte in den Slot

Wie unten gezeigt, habe ich eine Schaltfläche mit einem Steckplatz in einer untergeordneten Komponente erstellt. Der Name des Slots ist „slotDigitizePolygonBtnLabel“. Die Schaltfläche in der untergeordneten Komponente sollte über eine Eigenschaft namens „disabilityState“ verfügen, um anzugeben, ob d...

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

Unterstützt Next.js bedingtes Rendern und Vorrendern von nicht gerendertem HTML?

Rendert Next.js HTML auf einer Seite vor, die nur angezeigt wird, wenn auf eine bestimmte Schaltfläche geklickt wird? Wenn wir beispielsweise Registerkarten haben, wird dann der Inhalt der Registerkarte gerendert, der noch nicht angezeigt wird?

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