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.

11
Importieren Sie die JSON-Datei in React
Ich bin neu in React und versuche, eine JSON- DATAVariable aus einer externen Datei zu importieren . Ich erhalte die folgende Fehlermeldung: Modul "./customData.json" kann nicht gefunden werden Könnte mir jemand helfen? Es funktioniert, wenn ich meine DATAVariable index.jsin einer externen JSON-Datei habe , aber nicht. index.js import React, {Component} …
9
Best Practice beim Hinzufügen von Leerzeichen in JSX
Ich verstehe, wie (und warum ) ein Leerzeichen in JSX hinzugefügt werden soll, aber ich frage mich, was die beste Vorgehensweise ist oder ob eine wirklich einen Unterschied macht. Wickeln Sie beide Elemente in eine Spanne <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Fügen Sie sie in einer Zeile hinzu …
4
Funktionen in zustandslosen Komponenten?
Ich versuche, diese coole <canvas>Animation, die ich hier gefunden habe, in eine wiederverwendbare React-Komponente umzuwandeln . Es sieht so aus, als würde diese Komponente eine übergeordnete Komponente für die Zeichenfläche und viele untergeordnete Komponenten für die Zeichenfläche erfordern function Ball(). Aus Leistungsgründen wäre es wahrscheinlich besser, die Ballszu zustandslosen Komponenten …
90 reactjs 
1
Aktive Verbindung mit React-Router?
Ich probiere React-Router (v4) aus und habe Probleme beim Starten der Navigation, um eines der Linkzu haben active. Wenn ich auf eines der LinkTags klicke, funktioniert das aktive Material. Ich möchte jedoch, dass Home Linkaktiv ist, sobald die App gestartet wird, da dies die Komponente ist, die auf der /Route …
4
Reactjs: Wie ändere ich den Status einer dynamischen untergeordneten Komponente oder die Requisiten der übergeordneten Komponente?
Ich versuche im Wesentlichen, Tabs in Reaktion zu bringen, aber mit einigen Problemen. Hier ist eine Datei page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Wenn Sie auf die Schaltfläche A klicken, muss die RadioGroup-Komponente die Schaltfläche B deaktivieren . "Ausgewählt" bedeutet nur einen Klassennamen aus einem Status oder …
89 reactjs 
4
Webpack-dev-server liefert eine Verzeichnisliste anstelle der App-Seite
Ich kann nur die aktuelle App unter sehen /public. Die Konfigurationen in webpack.config.jssind unten: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', …
9
So brechen Sie einen Abruf auf componentWillUnmount ab
Ich denke, der Titel sagt alles. Die gelbe Warnung wird jedes Mal angezeigt, wenn ich eine Komponente abhebe, die noch abgerufen wird. Konsole Warnung: Eine nicht gemountete Komponente kann nicht aufgerufen setState(oder forceUpdate) werden. Dies ist ein No-Op, aber ... Um dies zu beheben, kündigen Sie alle Abonnements und asynchronen …
89 reactjs 
8
Richtige Methode zum Teilen von Funktionen zwischen Komponenten in React
Ich habe mehrere Komponenten, die alle dasselbe tun müssen. (Eine einfache Funktion, die ihre untergeordneten Komponenten abbildet und jedem etwas antut). Im Moment definiere ich diese Methode in jeder der Komponenten. Aber ich möchte es nur einmal definieren. Ich könnte es in der obersten Komponente definieren und es dann als …
89 reactjs 
6
Was ist in React der Unterschied zwischen onChange und onInput?
Ich habe versucht, nach einer Antwort darauf zu suchen, aber die meisten von ihnen befinden sich außerhalb des Kontextes von React, onChangebei dem Unschärfe ausgelöst wird. Bei der Durchführung verschiedener Tests kann ich nicht sagen, wie unterschiedlich diese beiden Ereignisse sind (wenn sie auf einen Textbereich angewendet werden). Kann jemand …
4
React-Redux: Sollten alle Komponentenzustände im Redux Store aufbewahrt werden
Angenommen, ich habe einen einfachen Schalter: Wenn ich auf die Schaltfläche klicke, wechselt die Farbkomponente zwischen Rot und Blau Ich könnte dieses Ergebnis erzielen, indem ich so etwas mache. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case …
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.