Suchergebnisse für Anfrage "react-jsx"

2 die antwort

Dynamische Instanziierung von untergeordneten Komponenten nach String-Namen - ReactJs

Ich habe ein Array, das die Namen der React Component-Zeichenfolgen enthält ("SampleWidget1"). Es wird von einem externen Mechanismus bevölkert. In meiner DashboardInterface-Komponente möchte ich dieses Array verwenden, die darin enthaltenen ...

8 die antwort

componentWillReceiveProps wird nicht ausgelöst

In meinen anderen Klassen hat componentWillReceiveProps gut funktioniert, aber aus irgendeinem Grund wird es hier nicht ausgelöst. ItemView.jsx class ItemView extends React.Component { constructor(props) { super(props); this.state = { name: ...

4 die antwort

Warum generiert ReactJS keine Schlüssel für dynamische Kinder automatisch?

Wenn Coding ReactJS verwendet wird, muss ich Schlüssel für dynamische Kinder bereitstellen. Beispielsweise render() { const {options} = this.state const availableOptions = options.map(opt => { return ( <option key={opt.id} ...

TOP-Veröffentlichungen

2 die antwort

Wie vermeide ich, die gesamte Liste erneut zu rendern, anstatt das neue Element der DOM-Liste in react JS hinzuzufügen?

Wie in der React-Demo und in anderen Beispielen werden die Statusdaten zurückgesetzt, wenn ein Datensatz hinzugefügt oder entfernt wird. Dies hat zur Folge, dass die gesamte Liste neu gerendert wird, anstatt einfach den neuesten Datensatz ...

2 die antwort

Entfernen eines Elements bewirkt, dass React den letzten DOM-Knoten anstelle des mit diesem Element verknüpften Knotens entfernt.

Ich habe versucht, das Einfügen und Entfernen von Listen mit ReactCSSTransitionGroup zu animieren, aber die Entfernungsanimation animiert immer nur das letzte Element der Liste anstelle des zu entfernenden Elements. Hier ist ein Jsbin, um ...

8 die antwort

Nicht erfasster Fehler: Invariante Verletzung: findComponentRoot (…,… $ 110): Element konnte nicht gefunden werden. Dies bedeutet wahrscheinlich, dass das DOM unerwartet mutiert wurde

Was mache ich falsch mit verschachtelten Zyklen in React? Ich habe in Google nach Informationen gesucht und nichts Passendes gefunden. Kannst du mir helfen zu finden, was ich falsch verstehe? Wie aus der Abbildung ersichtlich, habe ich Daten in ...

6 die antwort

ReactJS - Hinzufügen eines benutzerdefinierten Ereignis-Listeners zur Komponente

n einfachem altem Javascript habe ich den DIV <div class="movie" id="my_movie">und den folgenden Javascript-Code var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { ...

4 die antwort

Testen einer React Modal-Komponente

Es tut mir leid, aber ich hatte die größte Mühe, das Schließen meines React Modal durch Klicken auf eine Schaltfläche zu testen. Der Modal ist so einfach wie möglich, und ich habe alles versucht, was mir einfällt, aber ich kann ...

6 die antwort

Formatierungscode mit <pre> -Tag in React und JSX

Ich versuche, das Pre-Tag in JSX zu verwenden. Wenn Sie das Pre-Tag in JSX verwenden, wird es überhaupt nicht formatiert. Warum? Um das Pre-Tag zu verwenden, muss ich Folgendes tun: const someCodeIWantToFormat = "var foo = 1" const preBlock = { ...

4 die antwort

JSX wertet eine Ganzzahl im Ausdruck nicht als boolesches @ a

Ich bin es gewohnt, Render-optionale Komponenten wie diese zu schreiben: var Foo = React.createClass({ render: function() { var length = 0; return <div>Foo {length && <Bar />}</div>; } });Diese Kurzformif wird im @ erwäh if / else in der JSX ...