Ich habe gesehen, dass mit React 16 Attribute an das DOM weitergeleitet werden können. Das bedeutet also, dass 'class' anstelle von className verwendet werden kann, oder? Ich frage mich nur, ob die Verwendung von className gegenüber class Vorteile bietet, abgesehen davon, dass sie mit früheren...
Ich versuche, meinen API-Schlüssel zu verbergen, wenn ich mich zu Github verpflichte, und habe das Forum nach Anleitungen durchsucht, insbesondere den folgenden Beitrag: Wie verstecke ich den API-Schlüssel in der Create-React-App? Ich habe die Änderungen vorgenommen und das Garn neu gestartet....
Weiß jemand, wie man den Zugriff auf bestimmte Routen im React-Router einschränkt? Ich möchte überprüfen, ob der Benutzer angemeldet ist, bevor ich den Zugriff auf eine bestimmte Route zulasse. Ich dachte, es wäre einfach, aber die Dokumente sind nicht klar, wie es geht. Ist dies etwas, das ich...
Also habe ich vor einer Woche angefangen, React zu lernen, und bin unweigerlich auf das Problem des Zustands und der Art und Weise gekommen, wie Komponenten mit dem Rest der App kommunizieren sollen. Ich habe mich umgesehen und Redux scheint der Geschmack des Monats zu sein. Ich habe die gesamte...
Ich habe einen Router wie unten: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Folgendes möchte ich erreichen: Leiten Sie den Benutzer zu...
Ich mache gerade eine einfache App, um Asynchronität mit Redux zu lernen. Ich habe alles zum Laufen gebracht, jetzt möchte ich nur noch den aktuellen Status auf der Webseite anzeigen. Wie greife ich nun in der Rendermethode auf den Status des Geschäfts zu? Hier ist mein Code (alles ist auf...
Was ist der beste Weg, um mit Schwebeflügen in gestalteten Komponenten umzugehen? Ich habe ein Umhüllungselement, das beim Schweben einen Knopf anzeigt. Ich konnte einen Status für die Komponente implementieren und eine Eigenschaft beim Hover umschalten, fragte mich jedoch, ob es einen besseren...
Das Simulieren eines Schaltflächenklicks scheint eine sehr einfache / Standardoperation zu sein. In Jest.js Tests kann ich es jedoch nicht zum Laufen bringen. Dies habe ich versucht (und auch mit jQuery), aber es schien nichts auszulösen: import { mount } from 'enzyme'; page = <MyCoolPage...
Lassen Sie mich das Ergebnis dieses Codes erklären, damit ich mein Problem leicht stellen kann. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username...
Ich möchte meine Komponente rendern, nachdem meine Ajax-Anfrage abgeschlossen ist. Unten sehen Sie meinen Code var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data,...
Ich verwende Webpack, um meine Reaktionskomponenten zu erstellen, und ich versuche, extract-text-webpack-pluginmein CSS von meiner generierten JS-Datei zu trennen. Wenn ich jedoch versuche, die Komponente zu erstellen, wird der folgende Fehler angezeigt: Module build failed: ReferenceError:...
Ich möchte binden, um das aktive React-Bootstrap-Popover beim escapeDrücken zu schließen. Hier ist der Code _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){
Ich versuche, Google Analytics auf meiner Reaktionsseite einzurichten, und bin auf einige Pakete gestoßen, von denen jedoch keines die Art von Einrichtung hat, die ich anhand von Beispielen habe. Ich hatte gehofft, jemand könnte etwas Licht ins Dunkel bringen. Das Paket, das ich mir ansehe, ist,...
Wie kann ich reagieren lassen, um es zu rendern? <input id={field.name} className="form-control" type="text" placeholder={field.name} autocomplete="off" {...field}/>
Ich habe eine React-Redux-Containerkomponente, die in einer React Native Navigator-Komponente erstellt wird. Ich möchte in der Lage sein, den Navigator als Requisite an diese Containerkomponente zu übergeben, damit er nach dem Drücken einer Schaltfläche in seiner Präsentationskomponente ein...
Der Versuch, einen optimalen Weg zum Erstellen von Ereignishandlern in reaktionslosen Komponenten von React zu finden. Ich könnte so etwas machen: const myComponent = (props) => { const myHandler = (e) => props.dispatch(something()); return ( <button onClick={myHandler}>Click...
Ich fange an, mit der Create React App zu spielen, kann aber nicht verstehen, wie die App index.jsgeladen wird index.html. Dies ist der HTML-Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,...
Ich verwende die Link-Komponente vom ReactJS-Router und kann das onClickevent nicht zum Laufen bringen. Dies ist der Code: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Ist das der Weg oder ein anderer Weg?
Ich habe Code geschrieben, um sich wiederholende Elemente in ReactJS zu rendern, aber ich hasse es, wie hässlich es ist. render: function(){ var titles = this.props.titles.map(function(title) { return <th>{title}</th>; }); var rows = this.props.rows.map(function(row) { var...
In den meisten Fällen ist ein übergeordnetes Tag kein Problem. React.createClass({ render: function() { return ( <tbody> <tr><td>Item 1</td></tr> <tr><td>Item 2</td></tr> </tbody> ); } }); In einigen Fällen ist es jedoch...