Suchergebnisse für Anfrage "react-jsx"
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 ...
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: ...
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} ...
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 ...
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 ...
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 ...
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) { ...
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 ...
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 = { ...
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 ...