Ich habe Unit-Tests für meine reducers. Beim Debuggen im Browser möchte ich jedoch überprüfen, ob meine Aktionen korrekt aufgerufen wurden und ob der Status entsprechend geändert wurde. Ich suche so etwas wie: window._redux.store ... im Browser, damit ich das auf der Konsole eingeben und...
Angenommen, ich habe eine Textzeichenfolge, die Zeilenumbrüche enthält, und ich rendere sie folgendermaßen: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } In HTML werden die Zeilenumbrüche nicht als Zeilenumbrüche dargestellt. Wie soll ich das in React machen? Ich...
In 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) { console.log('change scope'); }); Jetzt habe ich eine React-Komponente...
Ich arbeite an einem Projekt mit Typescript, React und Redux (alle in Electron) und bin auf ein Problem gestoßen, wenn ich eine klassenbasierte Komponente in eine andere einbeziehe und versuche, Parameter zwischen ihnen zu übergeben. Ich habe die folgende Struktur für die
Ich habe meine React.js-Anwendung im Internet Explorer getestet und festgestellt, dass ES6 / 7-Code Array.prototype.includes()sie beschädigt . Ich verwende die Create-React-App und anscheinend haben sie sich dafür entschieden, nicht viele Polyfills einzuschließen, da nicht jeder sie benötigt, und...
Ich muss je nach Browserverlauf eine Geschäftslogik implementieren. Was ich tun möchte, ist ungefähr so: reactRouter.onUrlChange(url => { this.history.push(url); }); Gibt es eine Möglichkeit, einen Rückruf vom React-Router zu erhalten, wenn die URL aktualisiert wird?
Ich habe eine Karussell - Datei , in der ich mag zu bekommen index.jsund zu bauen block.build.js, so dass meine its webpack.config.js: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ {...
Während der Entwicklung mit der Create-React-App wechselt mein Browser bei Warnungen in den Debugger-Modus: Es bricht im Quellcode von React-Dev-Tools: // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enabled the "break on warnings" feature. //...
Ich habe eine komplexe Webseite mit React-Komponenten und versuche, die Seite von einem statischen Layout in ein reaktionsschnelleres, anpassbares Layout zu konvertieren. Ich stoße jedoch immer wieder auf Einschränkungen bei React und frage mich, ob es ein Standardmuster für die Behandlung dieser...
Ich implementiere ein Beispiel von https://github.com/moroshko/react-autosuggest Wichtiger Code ist wie folgt: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
Ich rendere einen Link mit reagieren: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` Dann habe ich oben die Upvote-Funktion: upvote: -> // do stuff (ajax) Vor dem Link hatte ich eine Zeitspanne an diesem Ort, aber ich muss zum Link wechseln und hier ist das...
Mein Ziel ist es, Komponenten dynamisch zu einer Seite / übergeordneten Komponente hinzuzufügen. Ich habe mit einer grundlegenden Beispielvorlage wie dieser begonnen: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>,...
Ich bin dabei, eine filterbare Liste mit React zu implementieren. Die Struktur der Liste ist wie in der Abbildung unten dargestellt. PRÄMISSE Hier ist eine Beschreibung, wie es funktionieren soll: Der Status befindet sich in der Komponente der höchsten Ebene, der SearchKomponente. Der Zustand wird...
Ich möchte wissen, wie man einen booleschen Zustand einer Reaktionskomponente umschaltet. Zum Beispiel: Ich habe eine boolesche Statusprüfung im Konstruktor meiner Komponente: constructor(props, context) { super(props, context); this.state = { check: false }; }; Ich versuche, den...
Dies ist mein Projekt: https://github.com/kenpeter/my_hak_news , eine direkte Kopie von https://github.com/grigio/HAgnostic-News . Git-Klon https://github.com/kenpeter/my_hak_news , dann ausführenreact-native run-android Habe diesen Fehler bekommen: * What went wrong: Execution failed for task...
Ich habe eslint& eingerichtet eslint-plugin-react. Wenn ich ESLint ausführe, gibt der Linter no-unused-varsFehler für jede React-Komponente zurück. Ich gehe davon aus, dass nicht erkannt wird, dass ich JSX- oder React-Syntax verwende. Irgendwelche Ideen? Beispiel: app.js. import React, {...
Im Gegensatz zu ListView können wir this.state.datasource aktualisieren. Gibt es eine Methode oder ein Beispiel, um FlatList zu aktualisieren oder neu zu rendern? Mein Ziel ist es, den Textwert zu aktualisieren, wenn der Benutzer die Taste drückt ... renderEntries({ item, index }) { return(...
Problem Ich setze eine Reaktion refmit einer Inline-Funktionsdefinition render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> dann wird im componentDidMountDOM keine Referenz gesetzt componentDidMount = () => { // this.drawerRef is not defined...
Ich habe eine Funktionskomponente und möchte sie zum erneuten Rendern zwingen. Wie kann ich das machen? Da es keine Instanz gibt this, kann ich nicht anrufen this.forceUpdate().
Ich probiere TypeScript für ein React-Projekt aus und bin bei diesem Fehler festgefahren: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a...