Ich habe einige Requisiten mit einer Zeichenfolge, die Zeichen wie & enthalten kann. Es enthält auch Leerzeichen. Ich möchte alle Leerzeichen durch ersetzen . Gibt es eine einfache Möglichkeit, dies zu tun? Denken Sie daran, dass ich nicht einfach mit dieser Syntax rendern...
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...
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...
Ich habe eine reactjsApp, die mit ES6-Standards geschrieben wurde, und ich verwende sie webpack, um sie zu erstellen. Das webpacklädt die jsModule mit babel-loader. Um genau zu sein, verwende ich die folgenden Versionen von Paketen: ├── [email protected] ├── [email protected] ├── [email protected]...
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...
In React wird der Status nicht sofort aktualisiert, sodass wir den Rückruf in verwenden können setState(state, callback). Aber wie geht das in Redux? Nach dem Aufruf von this.props.dispatch(updateState(key, value))muss ich sofort etwas mit dem aktualisierten Status tun. Gibt es eine...
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"...
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...
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():...
Ich habe Probleme, das Problem mit der folgenden Syntax herauszufinden: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch...
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...
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(...
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...
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...
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 });
Ich benutze Reactund ESLintmit eslint-plugin-react. Ich möchte disabledie prop-typesRegel in einer Datei. var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /*...
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...
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:...
Ich habe diese Komponente: import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text"
Ich versuche herauszufinden, wie ich zur vorherigen Seite zurückkehren kann. ich benutze[react-router-v4][1] Dies ist der Code, den ich auf meiner ersten Zielseite konfiguriert habe: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home"...