Als «reactjs» getaggte Fragen

React (auch bekannt als React.js oder ReactJS) ist eine von Facebook entwickelte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives, komponentenbasiertes Paradigma und soll sowohl effizient als auch flexibel sein.

15
Wie kombiniere ich mehrere Inline-Stilobjekte?
In React können Sie ein Objekt eindeutig erstellen und als Inline-Stil zuweisen. dh. unten genannten. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var divStyle2 = {fontSize: …
213 reactjs 
9
Reactjs konvertiert HTML-String in jsx
Ich habe Probleme mit Facebooks ReactJS. Immer wenn ich Ajax mache und HTML-Daten anzeigen möchte, zeigt ReactJS diese als Text an. (Siehe Abbildung unten) Die Daten werden über die Erfolgsrückruffunktion der jquery Ajax angezeigt. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); Gibt …
14
ReactNative: Wie zentriere ich Text?
Wie zentriere ich Text in ReactNative sowohl horizontal als auch vertikal? Ich habe eine Beispielanwendung in rnplay.org, in der adjustContent = "center" und alignItems = "center" nicht funktionieren: https://rnplay.org/apps/AoxNKQ Der Text sollte zentriert sein. Und warum befindet sich oben ein Rand zwischen dem Text (gelb) und dem übergeordneten Container? Code: …
4
Wann sollten ES6-klassenbasierte React-Komponenten im Vergleich zu funktionalen ES6-React-Komponenten verwendet werden?
Nachdem ich einige Zeit mit React verbracht habe, verstehe ich den Unterschied zwischen den beiden Hauptparadigmen beim Erstellen von Komponenten. Meine Frage ist, wann ich welche verwenden soll und warum? Was sind die Vorteile / Kompromisse von einem zum anderen? ES6-Klassen: import React, { Component } from 'react'; export class …
6
ReactJS - .JS vs .JSX
Es gibt etwas, das ich bei der Arbeit sehr verwirrend finde React. Im Internet gibt es viele Beispiele, die .jsDateien mit Reaktion verwenden, aber viele andere verwenden .jsxDateien. Ich habe über .jsxDateien gelesen und mein Verständnis ist, dass Sie damit nur HTML-Tags in Ihre schreiben können javascript. Das Gleiche kann …
211 reactjs  jsx 
10
Wie übergebe ich Daten von der untergeordneten Komponente in ReactJS an die übergeordnete Komponente?
Ich versuche, Daten von einer untergeordneten Komponente wie folgt an die übergeordnete Komponente zu senden: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); und hier ist die untergeordnete …
210 reactjs 
6
So rufen Sie die Ladefunktion mit React useEffect nur einmal auf
Der Hook useEffect React führt bei jeder Änderung die übergebene Funktion aus. Dies kann so optimiert werden, dass es nur aufgerufen wird, wenn sich die gewünschten Eigenschaften ändern. Was ist, wenn ich eine Initialisierungsfunktion von componentDidMountaufrufen und bei Änderungen nicht erneut aufrufen möchte ? Angenommen, ich möchte eine Entität laden, …
8
HTML mit React Variable Statements (JSX) einfügen
Ich baue etwas mit React, wo ich HTML mit React Variables in JSX einfügen muss. Gibt es eine Möglichkeit, eine Variable wie diese zu haben: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; und es einzufügen, um so zu reagieren, und hat es funktionieren? render: function() { return ( <div …
10
Wie verwende ich Optionsfelder in ReactJS?
Ich bin neu bei ReactJS. Tut mir leid, wenn das nicht klingt. Ich habe eine Komponente, die mehrere Tabellenzeilen entsprechend den empfangenen Daten erstellt. Jede Zelle in der Spalte verfügt über ein Optionsfeld. Daher kann der Benutzer eine site_nameund eine addressaus den vorhandenen Zeilen auswählen . Die Auswahl wird in …
203 html  reactjs 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.