Ich habe die Spracheinstellungen im Kontext wie unten class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default...
Verwenden der vorgeschlagenen Methode: Dies ist das Ergebnis: Ein Link in der Schaltfläche , Code zwischen Kommentarzeilen Ich habe mich gefragt, ob es eine Möglichkeit gibt, ein LinkElement mithilfe von "Reagieren" 'react-router'in ein HTML- buttonTag einzuschließen. Ich habe derzeit...
Was sind gesteuerte und unkontrollierte Komponenten in ReactJS? Wie unterscheiden sie sich
Ich habe ein kleines Problem bei der Migration von React-Router v3 auf v4. in v3 konnte ich das überall machen: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Wie erreiche ich das in v4? Ich weiß, dass ich die Hoc- withRouter, Reaktionskontext- oder...
Mir ist klar, dass dies eine grundlegende Frage ist, aber ich hatte kein Glück, die Antwort woanders zu finden. Ist store.dispatchsynchron oder asynchron in Redux? Wenn es asynchron ist, besteht die Möglichkeit, einen Rückruf hinzuzufügen, nachdem die Aktion weitergegeben wurde, wie es mit...
Ich fange gerade mit Reactjs an und habe eine einfache Komponente zum Anzeigen des liTags geschrieben und bin auf diesen Fehler gestoßen : Unerwartetes Token '<' Ich habe das Beispiel unter jsbin unter http://jsbin.com/UWOquRA/1/edit?html,js,console,output angegeben Bitte lassen Sie mich wissen,...
Immer wenn ich versuche, ein Font Awesome-Symbol in React's zu verwenden render(), wird es nicht auf der resultierenden Webseite angezeigt, obwohl es in normalem HTML funktioniert. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but
Einzelne Zeile funktioniert gut render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } nicht für mehrere Zeilen render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); }...
Ich habe ein Sidenav mit ein paar Basketballmannschaften. Daher möchte ich für jedes Team etwas anderes anzeigen, wenn eines davon über ihm schwebt. Außerdem verwende ich Reactjs. Wenn ich also eine Variable haben könnte, die ich an eine andere Komponente übergeben könnte, wäre das...
Ich wollte überprüfen, was passiert, wenn Sie this.setState mehrmals verwenden (2 Mal für die Diskussion). Ich dachte, dass die Komponente zweimal gerendert wird, aber anscheinend wird sie nur einmal gerendert. Eine andere Erwartung, die ich hatte, war, dass vielleicht der zweite Aufruf von...
Ich habe eine Datei test_stuff.js, mit der ich laufe npm test Es sieht so ziemlich so aus: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() {...
Ich versuche Komponenten aus React-Materialise zu importieren als - import {Navbar, NavItem} from 'react-materialize'; Aber wenn das Webpack meine erstellt .tsx, wird ein Fehler für die oben genannten als - ausgelöst. ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a...
Ich bin neu bei React Router und erfahre, dass es so viele Möglichkeiten gibt, eine Seite umzuleiten: Verwenden von browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Verwenden von this.context.router.push("/path") class...
Gibt es Möglichkeiten, componentDidMountin React Funktionskomponenten über Hooks zu simulieren ?
Ich habe folgendes: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard"...
Der Versuch, React-Router (v4.0.0) und React-Hot-Loader (3.0.0-Beta.6) zum Spielen zu bringen, zeigt jedoch den folgenden Fehler in der Browserkonsole an: Warnung: React.createElement: Typ ist ungültig - erwartet eine Zeichenfolge (für integrierte Komponenten) oder eine Klasse / Funktion (für...
Ich schreibe nur zur Texteingabe und onChangefalls ich setStateanrufe, rendert React meine Benutzeroberfläche erneut. Das Problem ist, dass die Texteingabe immer einen Fokus verliert, daher muss ich sie für jeden Buchstaben erneut fokussieren: D. var EditorContainer = React.createClass({...
Angenommen, ich habe eine Liste mit einfachen Objekten in meinem this.state.list, mit denen ich dann eine Liste mit untergeordneten Objekten rendern kann. Was ist dann der richtige Weg, um ein Objekt einzufügen this.state.list? Im Folgenden ist der einzige Weg, wie ich denke, dass es funktionieren...
Beim Absenden eines Formulars versuche ich, doSomething()anstelle des Standard-Post-Verhaltens. Anscheinend ist onSubmit in React ein unterstütztes Ereignis für Formulare. Wenn ich jedoch den folgenden Code versuche: var OnSubmitTest = React.createClass({ render: function() { doSomething =...
Ich habe einige Daten namens Stationen, die ein Array sind, das Objekte enthält. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Ich möchte eine UI-Komponente für jede Array-Position rendern. Soweit kann ich schreiben var stationsArr = [] for (var i...