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.

4
Woher weiß eine mit Redux verbundene Komponente, wann sie erneut gerendert werden muss?
Ich vermisse wahrscheinlich etwas sehr Offensichtliches und möchte mich klären. Hier ist mein Verständnis. In einer naiven Reaktionskomponente haben wir states& props. Durch das Aktualisieren statemit wird setStatedie gesamte Komponente neu gerendert. propssind meistens schreibgeschützt und eine Aktualisierung macht keinen Sinn. In einer Reaktionskomponente, die einen Redux-Speicher abonniert store.subscribe(render), wird …
18
Deaktivieren Sie die Zurück-Schaltfläche in der Reaktionsnavigation
Ich verwende React Native Navigation (React-Navigation) StackNavigator. Es beginnt auf der Anmeldeseite während des gesamten Lebenszyklus der App. Ich möchte keine Zurück-Option haben und zum Anmeldebildschirm zurückkehren. Weiß jemand, wie es nach dem Anmeldebildschirm auf dem Bildschirm ausgeblendet werden kann? Übrigens verstecke ich es auch im Anmeldebildschirm mit: const MainStack …
10
React / Redux - Versandaktion beim Laden / Init der App
Ich habe eine Token-Authentifizierung von einem Server. Wenn meine Redux-App zum ersten Mal geladen wird, muss ich eine Anfrage an diesen Server stellen, um zu überprüfen, ob der Benutzer authentifiziert ist oder nicht. Wenn ja, sollte ich ein Token erhalten. Ich habe festgestellt, dass die Verwendung von Redux Core INIT-Aktionen …
85 reactjs  redux 
7
Wie verpacke ich eine React-Komponente bedingt?
Ich habe eine Komponente, die manchmal als <anchor>und manchmal als gerendert werden muss <div>. Das habe propich gelesen, um das festzustellen, ist this.props.url. Wenn es existiert, muss ich die Komponente in ein gerendertes rendern <a href={this.props.url}>. Andernfalls wird es nur als gerendert <div/>. Möglich? Dies ist, was ich gerade mache, …
4
Was ist der richtige Proptyp für einen Ref in React?
Ich speichere eine Referenz in meinem Redux-Speicher und verwende mapStateToProps, um die Referenz für Komponenten verfügbar zu machen, die Zugriff darauf benötigen. Die gespeicherte Referenz sieht folgendermaßen aus: ref={node => this.myRefToBePutInReduxGlobalStore = node} Was ist der richtige PropType für diese Referenz?
85 reactjs 
3
React Router v ^ 4.0.0 Nicht erfasst TypeError: Die Eigenschaft 'location' von undefined kann nicht gelesen werden
Ich habe einige Probleme mit dem React Router (ich verwende Version ^ 4.0.0). das ist meine index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') …
3
Was ist der Unterschied zwischen useCallback und useMemo in der Praxis?
Vielleicht habe ich etwas falsch verstanden, aber useCallback Hook wird jedes Mal ausgeführt, wenn ein erneutes Rendern erfolgt. Ich habe Eingaben übergeben - als zweites Argument für useCallback - nicht ständig änderbare Konstanten -, aber der zurückgegebene Rückruf führt immer noch meine teuren Berechnungen bei jedem Rendern aus (ich bin …
85 reactjs 
11
React-Router öffnen Link in neuer Registerkarte
Gibt es eine Möglichkeit, React Router dazu zu bringen, einen Link in einem neuen Tab zu öffnen? Ich habe es versucht und es hat nicht funktioniert. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Es ist möglich, es zu flusen, indem Sie onClick="foo"dem Link so etwas wie das oben Gesagte hinzufügen , …
4
Wie verwende ich Kinder mit React Stateless Functional Component in TypeScript?
Bei Verwendung von TypeScript mit React müssen wir nicht mehr erweitern React.Props, damit der Compiler weiß, dass alle Requisiten von React- Komponenten untergeordnete Elemente haben können: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } Bei zustandslosen Funktionskomponenten scheint dies jedoch …
20
npm Startfehler mit create-react-app
Ich habe ein Projekt, das ich 2 Wochen lang nicht berührt habe. Ich nehme es zurück und jetzt, wenn ich versuche zu laufen, habe npm startich diesen Fehler bekommen. > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node …
5
FEHLER in Modul 'Babel-Core' kann nicht gefunden werden. Verwenden von react.js, Webpack und Express-Server
Immer wenn ich webpackim Terminal renne, bekomme ich: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Hier ist meine Datei webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } …
4
Lesen Sie den Anfangszustand des Stores in Redux Reducer
Der Anfangszustand in einer Redux-App kann auf zwei Arten festgelegt werden: Übergeben Sie es als zweites Argument an createStore( docs link ) Übergeben Sie es als erstes Argument an Ihre (Unter-) Reduzierer ( docs link ) Wenn Sie den Anfangszustand an Ihr Geschäft übergeben, wie lesen Sie diesen Zustand aus …
7
Reale.js benutzerdefinierte Ereignisse für die Kommunikation mit übergeordneten Knoten
Ich mache und höre auf normale DOMs CustomEvent, um mit übergeordneten Knoten zu kommunizieren: Bei Kind: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); Im Elternteil: componentDidMount: function () { this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup); }, Das funktioniert, aber gibt es einen …
84 reactjs 
8
Klasse gegen Klassenname in Reaktion 16
Ich habe gesehen, dass mit React 16 Attribute an das DOM weitergeleitet werden können. Das bedeutet also, dass 'class' anstelle von className verwendet werden kann, oder? Ich frage mich nur, ob die Verwendung von className gegenüber class Vorteile bietet, abgesehen davon, dass sie mit früheren Versionen von React abwärtskompatibel ist.
84 reactjs 
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.