Articles of reactjs react

Comment passer des parameters avec history.push dans react-router v4?

Comment pouvons-nous passer paramètre avec this.props.history.push(‘/page’) dans React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

onEnter non appelé dans React-Router

Ok, j’en ai marre d’essayer. La méthode onEnter ne fonctionne pas. Toute idée pourquoi est-ce? // Authentication “before” filter function requireAuth(nextState, replace){ console.log(“called”); // => Is not sortingggered at all if (!isLoggedIn()) { replace({ pathname: ‘/front’ }) } } // Render the app render( , document.getElementById(“lf-app”) Modifier: La méthode est exécutée quand j’appelle onEnter={requireAuth()} , […]

Composant ne remonte pas lorsque les parameters de route changent

Je travaille sur une application de réaction utilisant react-router. J’ai une page de projet qui a une url comme suit: myapplication.com/project/unique-project-id Lorsque le composant de projet est chargé, je déclenche une demande de données pour ce projet à partir de l’événement componentDidMount. Je me heurte maintenant à un problème: si je passe directement d’un projet […]

Module introuvable: ‘redux’

J’ai créé une nouvelle application de réaction en utilisant create-react-app cli. Ensuite, j’ai ajouté la bibliothèque ‘react-redux’ npm install –save react-redux ‘react-redux’ utilisant npm install –save react-redux . Dans package.json j’ai: “react-redux”: “^4.4.5” Malheureusement, l’application ne comstack pas et se plaint avec: Error in ./~/react-redux/lib/utils/wrapActionCreators.js Module not found: ‘redux’ in C:\Users\Salman\Desktop\Courses\Internship\React\Youtube-Front-End\node_modules\react-redux\lib\utils @ ./~/react-redux/lib/utils/wrapActionCreators.js 6:13-29 Je […]

Écouter des touches pour un document dans reactjs

Je veux lier pour fermer le pop-up bootstrap de réaction actif sur press press. _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){ BannerDataStore.addChangeListener(this._onchange); document.addEventListener(“click”, this._handleDocumentClick, false); document.addEventListener(“keyPress”, this._handleEscKey, false); }, componentWillUnmount: function() { BannerDataStore.removeChangeListener(this._onchange); document.removeEventListener(“click”, this._handleDocumentClick, false); document.removeEventListener(“keyPress”, this._handleEscKey, false); }, Mais rien ne se connecte à la console lorsque j’appuie sur une touche. […]

Que fait registerServiceWorker dans React JS?

Je suis un débutant dans React et je me demandais quel est le but de registerServiceWorker () dans le code suivant? import React from ‘react’; import ReactDOM from ‘react-dom’; import App from ‘./App’; import registerServiceWorker from ‘./registerServiceWorker’; ReactDOM.render(, document.getElementById(‘root’)); registerServiceWorker();

React Router v4 – Comment obtenir l’itinéraire actuel?

Je voudrais afficher un title dans qui soit en quelque sorte transmis depuis l’itinéraire actuel. Dans React Router v4, comment serait-il capable de transmettre la route actuelle à son title prop? Existe-t-il un moyen de transmettre un titre personnalisé à partir d’un prop personnalisé sur ?

React-Router un seul enfant

Je continue à avoir l’erreur: Un ‘routeur’ peut avoir un seul élément enfant lors de l’utilisation de react-router. Je n’arrive pas à comprendre pourquoi cela ne fonctionne pas, car c’est exactement comme le code qu’ils montrent dans leur exemple: https://reacttraining.com/react-router/web/guides/quick-start Voici mon code: import React from ‘react’; import Editorstore from ‘./Editorstore’; import App from ‘./components/editor/App’; […]

react-router vs react-router-dom, quand utiliser l’un ou l’autre?

Les deux ont un itinéraire, un lien, etc. Quand utiliser l’un ou l’autre? Je suis vraiment confus sur où utiliser chacun d’eux. Du côté serveur? Côté client? https://reacttraining.com/react-router/ Dans certains exemples, vous devez passer l’histoire, dans d’autres pas. Que faire? contre Il est vraiment difficile de savoir quand utiliser l’un ou l’autre, toute aide appréciée.

Comment utiliser Redirect dans le nouveau dom de Reactjs

J’utilise la dernière version du module react-router, nommé react-router-dom, qui est devenu par défaut le développement d’applications Web. Je veux savoir comment faire une redirection après une requête POST. J’ai fait ce code, mais après la demande, rien ne se passe. Je passe en revue sur le Web, mais toutes les données concernent les versions […]