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.

16
Wie kopiere ich in reactJS Text in die Zwischenablage?
Ich verwende ReactJS und wenn ein Benutzer auf einen Link klickt, möchte ich Text in die Zwischenablage kopieren. Ich verwende Chrome 52 und muss keine anderen Browser unterstützen. Ich kann nicht verstehen, warum dieser Code nicht dazu führt, dass die Daten in die Zwischenablage kopiert werden. (Der Ursprung des Code-Snippets …
3
Verwendung der Lebenszyklusmethode getDerivedStateFromProps im Gegensatz zu componentWillReceiveProps
Es sieht so aus, componentWillReceivePropsals würde es in den kommenden Releases zugunsten einer neuen Lebenszyklusmethode vollständig auslaufen getDerivedStateFromProps: statisch getDerivedStateFromProps () . Nach der Inspektion sieht es so aus, als ob Sie jetzt keinen direkten Vergleich zwischen this.propsund durchführen können nextProps, wie Sie es können componentWillReceiveProps. Gibt es einen Weg …
9
Invariante Verletzung: "Store" konnte weder im Kontext noch in den Requisiten von "Connect (SportsDatabase)" gefunden werden.
Vollständiger Code hier: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Hallo, Ich habe eine Anwendung, in der verschiedene Vorlagen für Desktop und Mobile basierend auf der Build-Umgebung angezeigt werden. Ich kann es erfolgreich dort entwickeln, wo ich das Navigationsmenü für meine mobile Vorlage ausblenden muss. Im Moment kann ich einen Testfall schreiben, in dem alle Werte …
142 reactjs  mocha  redux 
2
Wann wird JSX.Element vs ReactNode vs ReactElement verwendet?
Ich migriere derzeit eine React-Anwendung zu TypeScript. Bisher funktioniert das ziemlich gut, aber ich habe ein Problem mit den Rückgabetypen meiner renderFunktionen bzw. meiner Funktionskomponenten. Bisher hatte ich immer JSX.Elementals Rückgabetyp verwendet, jetzt funktioniert dies nicht mehr, wenn eine Komponente beschließt, nichts zu rendern, dh zurückzugeben null, da dies nullkein …
11
React.js: Identifizieren verschiedener Eingaben mit einem onChange-Handler
Neugierig, wie man das richtig angeht: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + this.state.input2; this.setState({total: …
141 javascript  reactjs  jsx 
11
Typoskript-Eingabe onchange event.target.value
In meiner React- und Typoskript-App verwende ich : onChange={(e) => data.motto = (e.target as any).value}. Wie definiere ich die Typisierungen für die Klasse richtig, damit ich mich nicht mit dem Typensystem herumhacken muss any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { } …
6
So laden Sie Bilddateien mit dem Webpack File-Loader
Ich verwende Webpack , um ein Reactjs- Projekt zu verwalten . Ich möchte Bilder in Javascript per Webpack laden file-loader. Unten ist die webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') …
10
Was ist virtuelles DOM?
Kürzlich habe ich mir das Facebook- React- Framework angesehen. Es verwendet ein Konzept namens "Virtual DOM", das ich nicht wirklich verstanden habe. Was ist das virtuelle DOM? Was sind die Vorteile?
6
ReactJS ruft die übergeordnete Methode auf
Ich mache meinen ersten Schritt in ReactJS und versuche, die Kommunikation zwischen Eltern und Kindern zu verstehen. Ich mache Form, also habe ich die Komponente zum Stylen von Feldern. Außerdem habe ich eine übergeordnete Komponente, die ein Feld enthält und es überprüft. Beispiel: var LoginField = React.createClass({ render: function() { …
4
Hält React die Reihenfolge für Statusaktualisierungen aufrecht?
Ich weiß, dass React Statusaktualisierungen zur Leistungsoptimierung asynchron und stapelweise durchführen kann. Daher können Sie niemals darauf vertrauen, dass der Status nach dem Aufruf aktualisiert wird setState. Aber vertrauen können Sie reagieren auf den Zustand in der gleichen Reihenfolge zu aktualisieren , wie setStateaufgerufen wird für die gleiche Komponente? verschiedene …
15
Verwendung von Refs in Reagieren mit Typoskript
Ich verwende Typescript mit React. Ich habe Probleme zu verstehen, wie Refs verwendet werden, um statische Typisierung und Intellisense in Bezug auf die von den Refs referenzierten Reaktionsknoten zu erhalten. Mein Code lautet wie folgt. import * as React from 'react'; interface AppState { count: number; } interface AppProps { …
8
Wie können Django und ReactJS zusammenarbeiten?
Neu bei Django und noch neuer bei ReactJS. Ich habe mich mit AngularJS und ReactJS befasst, mich aber für ReactJS entschieden. Es schien, als würde AngularJS an Popularität verlieren, obwohl AngularJS einen größeren Marktanteil hatte, und ReactJS soll schneller zu erlernen sein. Abgesehen von all dem Müll habe ich angefangen, …
138 django  reactjs 
9
Übergeben Sie Requisiten im Link React-Router
Ich benutze React mit React-Router. Ich versuche, Eigenschaften in einem "Link" des React-Routers zu übergeben var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ …
8
Ist die Verwendung von async componentDidMount () gut?
Ist die Verwendung componentDidMount()als asynchrone Funktion in React Native eine gute Praxis oder sollte ich sie vermeiden? Ich muss einige Informationen AsyncStorageabrufen, wenn die Komponente bereitgestellt wird, aber der einzige Weg, den ich kenne, um dies zu ermöglichen, besteht darin, die componentDidMount()Funktion asynchron zu machen . async componentDidMount() { let …
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.