In React (Facebooks Framework) muss ich ein Beschriftungselement rendern, das mit dem Standardattribut an eine Texteingabe gebunden ist for. zB wird folgendes JSX verwendet: <label for="test">Test</label> <input type="text" id="test" /> Dies führt jedoch dazu, dass HTML das...
EDIT: Dies ist ein Duplikat, siehe hier Ich kann keine Beispiele für die Verwendung eines dynamischen Schlüsselnamens beim Festlegen des Status finden. Folgendes möchte ich tun: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, Dabei wird...
Ich habe eine Komponente, die eine Requisite für ihre Größe erhält. Die Requisite kann entweder eine Zeichenfolge oder eine Zahl sein, z. B.: "LARGE"Oder 17. Kann ich React.PropTypes wissen lassen, dass dies bei der propTypes-Validierung entweder der eine oder der andere sein kann? Wenn ich den...
Gibt es eine integrierte Möglichkeit, Proptypen zu verwenden, um sicherzustellen, dass ein Array von Objekten, die an eine Komponente übergeben werden, tatsächlich ein Array von Objekten einer bestimmten Form ist? Vielleicht so etwas? annotationRanges: PropTypes.array(PropTypes.shape({ start:...
Geschlossen . Diese Frage basiert auf Meinungen . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage, damit sie mit Fakten und Zitaten beantwortet werden kann, indem Sie diesen Beitrag bearbeiten .
Wie füge ich optional ein Element in JSX ein? Hier ist ein Beispiel für die Verwendung eines Banners, das sich in der Komponente befinden sollte, wenn es übergeben wurde. Ich möchte vermeiden, dass HTML-Tags in der if-Anweisung dupliziert werden müssen. render: function () { var banner; if...
Ich lerne Redux mit React und bin auf diesen Code gestoßen. Ich bin nicht sicher, ob es Redux- spezifisch ist oder nicht, aber ich habe das folgende Code-Snippet in einem der Beispiele gesehen. @connect((state) => { return { key: state.a.b }; }) Die Funktionalität von connectist zwar ziemlich...
Die offizielle Reaktion docs heißt es: „ React.PureComponent‚s shouldComponentUpdate()nur seicht die Objekte vergleicht“, und rät dies , wenn Zustand‚tief‘. Gibt es vor diesem Hintergrund einen Grund, warum man es vorziehen sollte React.PureComponent, React-Komponenten zu erstellen? Fragen...
Ich versuche, die Verbindungsmethode von React-Redux und die Funktionen, die sie als Parameter verwendet, zu verstehen. Insbesondere mapStateToProps(). So wie ich es verstehe, ist der Rückgabewert von mapStateToPropsein Objekt, das vom Status abgeleitet ist (wie es sich im Geschäft befindet),...
Nach dem Beginn der Arbeit mit React.js scheint propses statisch zu sein (von der übergeordneten Komponente übergeben), während stateÄnderungen auf Ereignissen basieren. Ich habe jedoch in den Dokumenten einen Verweis auf bemerkt componentWillReceiveProps, der speziell dieses Beispiel enthält:...
Wie können wir Parameter this.props.history.push('/page')in React-Router v4 übergeben? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template');
Gibt es eine Möglichkeit, eine Komponente in eine andere Reaktionskomponente zu übertragen? Ich möchte eine Modellreaktionskomponente erstellen und eine andere Reaktionskomponente übergeben, um diesen Inhalt zu transklamieren. Bearbeiten: Hier ist ein ReactJS-Codepen, der veranschaulicht, was ich...
React kann benutzerdefinierte Attribute rendern, wie unter http://facebook.github.io/react/docs/jsx-gotchas.html beschrieben : Wenn Sie ein benutzerdefiniertes Attribut verwenden möchten, sollten Sie es mit dem Präfix data- versehen. <div data-custom-attribute="foo" /> Und das sind großartige...
Ich habe folgende Struktur: FormEditor- enthält mehrere FieldEditor FieldEditor- bearbeitet ein Feld des Formulars und speichert verschiedene Werte darüber in seinem Status Wenn in FormEditor auf eine Schaltfläche geklickt wird, möchte ich in der Lage sein, Informationen zu den Feldern aller...
Wie kann ich die onKeyPressVeranstaltung in ReactJS zum Laufen bringen? Es sollte alarmieren, wenn enter (keyCode=13)gedrückt wird. var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input...
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...
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) {...
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...
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, {...
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...