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.

23
React-Router - Requisiten an Handler-Komponente übergeben
Ich habe die folgende Struktur für meine React.js-Anwendung mit React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute …
19
Die Renderer-Ansicht im Browser ändert die Größe mit React
Wie kann ich React dazu bringen, die Ansicht neu zu rendern, wenn die Größe des Browserfensters geändert wird? Hintergrund Ich habe einige Blöcke, die ich einzeln auf der Seite gestalten möchte, aber ich möchte auch, dass sie aktualisiert werden, wenn sich das Browserfenster ändert. Das Endergebnis wird so etwas wie …
30
Vorlage nicht mit create-react-app bereitgestellt
Wenn ich den create-react-app my-appBefehl in mein Terminal eingebe, scheint es zu funktionieren - alle Bibliotheken erfolgreich herunterzuladen usw. Am Ende dieses Vorgangs erhalte ich jedoch die Meldung, dass a template was not provided. Eingang user@users-MacBook-Pro-2 Desktop% create-react-app my-app Ausgabe Creating a new React app in /Users/user/Desktop/my-app. Installing packages. This …
29
Fehler: EACCES: Berechtigung verweigert, Zugriff '/ usr / local / lib / node_modules' reagiert
Was könnte den Fehler verursachen Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! errno: -13, npm ERR! …
298 node.js  reactjs  npm  install 
7
Übergeben Sie Requisiten an die übergeordnete Komponente in React.js
Gibt es nicht eine einfache Möglichkeit, ein Kind propsmithilfe von Ereignissen in React.js an seine Eltern zu übergeben? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { // event.component.props ?why is this not available? }, render: function() { <Child onClick={this.onClick} …
11
Reagieren Sie auf this.setState ist keine Funktion
Ich bin neu in React und versuche, eine App zu schreiben, die mit einer API arbeitet. Ich bekomme immer wieder diesen Fehler: TypeError: this.setState ist keine Funktion wenn ich versuche, die API-Antwort zu verarbeiten. Ich vermute, dass mit dieser Bindung etwas nicht stimmt, aber ich kann nicht herausfinden, wie ich …
8
Festlegen eines Hintergrundbilds mit Inline-Stilen reagieren
Ich versuche, auf ein statisches Bild zuzugreifen, um es in einer Inline- backgroundImageEigenschaft in React zu verwenden. Leider bin ich trocken gelaufen, wie das geht. Im Allgemeinen dachte ich, Sie haben einfach Folgendes getan: import Background from '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px", backgroundImage: "url(" + { …
7
ReactJs: Was sollten die PropTypes für this.props.children sein?
Angesichts einer einfachen Komponente, die ihre Kinder rendert: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Frage: Was soll der PropTyp der Kinder-Requisite sein? Wenn ich es als Objekt festlege, schlägt es fehl, …
15
Aktualisieren eines Objekts mit setState in React
Ist es überhaupt möglich, die Objekteigenschaften mit zu aktualisieren setState? Etwas wie: this.state = { jasper: { name: 'jasper', age: 28 }, } Ich habe versucht: this.setState({jasper.name: 'someOtherName'}); und das: this.setState({jasper: {name: 'someothername'}}) Der erste führt zu einem Syntaxfehler und der zweite führt einfach zu nichts. Irgendwelche Ideen?
265 reactjs  state 
16
Hinzufügen eines Skript-Tags zu React / JSX
Ich habe ein relativ einfaches Problem beim Versuch, einer React-Komponente Inline-Skripte hinzuzufügen. Was ich bisher habe: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( <DocumentTitle title="People"> <article …
7
Verschachtelte Routen mit React Router v4 / v5
Ich habe derzeit Probleme mit der Verschachtelung von Routen mit React Router v4. Das nächste Beispiel war die Routenkonfiguration in der React-Router v4-Dokumentation . Ich möchte meine App in 2 verschiedene Teile teilen. Ein Frontend und ein Admin-Bereich. Ich habe über so etwas nachgedacht: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} …
24
Reaktion: Wie aktualisiere ich state.item [1] im Status mit setState?
Ich erstelle eine App, in der der Benutzer sein eigenes Formular entwerfen kann. Geben Sie beispielsweise den Namen des Felds und die Details der anderen Spalten an, die enthalten sein sollen. Die Komponente ist als JSFiddle verfügbar hier . Mein Ausgangszustand sieht so aus: var DynamicForm = React.createClass({ getInitialState: function() …
30
Reactjs geben Fehler Uncaught TypeError: Der Super-Ausdruck muss entweder null oder eine Funktion sein, nicht undefiniert
Ich benutze reagjs. Wenn ich den folgenden Code ausführe, sagt der Browser: Nicht erfasster TypeError: Der Super-Ausdruck muss entweder null oder eine Funktion sein, nicht undefiniert Irgendwelche Hinweise, was falsch ist, wären willkommen. Zuerst die Zeile zum Kompilieren des Codes: browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js Und der …
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.