Programmierung reactjs

17

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, was ich falsch mache.

99 reactjs

7

Wie kann JSX in einer anderen return-Anweisung in React mehrere Zeilen zurückgeben?

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> ) }} ); } Vielen Dank.

99 reactjs

4

Wie kann ich in Reaktion auf einen Schwebezustand zugreifen?

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 großartig.

99 hover reactjs

2

Was passiert, wenn this.setState in der React-Komponente mehrmals verwendet wird?

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 setState über den ersten läuft, aber Sie …

99 javascript reactjs

6

Reagieren Sie auf die JSX-Datei mit dem Fehler "Eigenschaft 'createElement' von undefined kann nicht gelesen werden"

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() { describe('#indexOf()', function() { it('should return …

99 javascript reactjs npm react-jsx

15

So fügen Sie ein Font Awesome-Symbol in Reacts Rendering ein ()

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 why</i></div>; } Hier ist ein Live-Beispiel: http://jsfiddle.net/pLWS3/ Wo ist der Fehler?

99 reactjs font-awesome

5

Was ist der beste Weg, um eine Seite mit React Router umzuleiten?

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 Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } …

99 reactjs redux react-router

5

componentDidMount-Äquivalent für eine React-Funktion / Hooks-Komponente?

Gibt es Möglichkeiten, componentDidMountin React Funktionskomponenten über Hooks zu simulieren ?

99 javascript reactjs react-hooks

14

Typoskript reagieren - Es konnte keine Deklarationsdatei für das Modul '' reagieren-materialisieren '' gefunden werden. 'path / to / module-name.js' hat implizit einen beliebigen Typ

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 declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly …

99 reactjs webpack webpack-2

11

So setzen Sie die DefaultRoute in React Router auf eine andere Route

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" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> Bei Verwendung der DefaultRoute wird SearchDashboard falsch gerendert, da jedes * Dashboard im Dashboard gerendert werden muss. Ich möchte, dass meine …

98 javascript routes reactjs url-redirection react-router

26

React.createElement: Typ ist ungültig - erwartet eine Zeichenfolge

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 zusammengesetzte Komponenten), hat aber: undefiniert. Sie haben wahrscheinlich vergessen, Ihre Komponente aus …

98 reactjs react-router react-hot-loader

4

Was ist der bevorzugte Weg, um einen Reaktionszustand zu mutieren?

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 wird, da Sie das nicht …

97 javascript reactjs

4

Rendern von Reaktionskomponenten aus einem Array von Objekten

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 = 0; i < this.data.stations.length; i++) { stationsArr.push( <div className="station"> …

97 javascript reactjs

4

Einstellen von onSubmit in React.js

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 = function(){ alert('it works!'); } return <form onSubmit={doSomething}> <button>Click me</button> </form>; } }); Die Methode doSomething()wird …

97 javascript forms form-submit reactjs onsubmit

18

React.js - Eingabe verliert beim erneuten Rendern den Fokus

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({ componentDidMount: function () { $(this.getDOMNode()).slimScroll({height: this.props.height, distance: '4px', size: '8px'}); }, componentDidUpdate: …

97 javascript reactjs

Als «reactjs» getaggte Fragen