react-router पर टैग किए गए जवाब

मैंने कभी-कभी लोगों को अपने घटकों को लपेटते हुए देखा है withRouterजब वे उन्हें निर्यात कर रहे हैं: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); यह किस लिए है, और मुझे इसका उपयोग कब करना चाहिए?

109 reactjs  react-router 

मैं सोच रहा था और मैं क्लाइंट और सर्वर के बीच रूटिंग के साथ भ्रमित हूं। मान लीजिए कि मैं वेब ब्राउज़र पर अनुरोध भेजने से पहले सर्वर-साइड रेंडरिंग के लिए ReactJS का उपयोग करता हूं, और एसपीए के रूप में ताज़ा किए बिना पृष्ठों के बीच स्विच करने के …

108 javascript  reactjs  routes  react-router  url-routing 

अच्छी तरह से खेलने के लिए प्रतिक्रिया-राउटर (v4.0.0) और प्रतिक्रिया-हॉट-लोडर (3.0.0-beta.6) प्राप्त करने की कोशिश कर रहा है, लेकिन ब्राउज़र कंसोल में निम्न त्रुटि प्राप्त करता है: चेतावनी: React.createElement: प्रकार अमान्य है - एक स्ट्रिंग की उम्मीद (अंतर्निहित घटकों के लिए) या एक वर्ग / फ़ंक्शन (समग्र घटकों के लिए) …

108 reactjs  react-router  react-hot-loader 

मैं वेबपैक-देव-सर्वर से नगीनेक्स में अपनी प्रतिक्रिया ऐप को बदल रहा हूं। जब मैं रूट url "लोकलहोस्ट: 8080 / लॉगिन" पर जाता हूं, तो मुझे बस एक 404 मिलता है और अपने nginx लॉग में मैं देखता हूं कि यह पाने की कोशिश कर रहा है: my-nginx-container | 2017/05/12 21:07:01 …

107 nginx  react-router 

/#/प्रतिक्रिया-राउटर का उपयोग करते समय ब्राउज़र के एड्रेस बार में दिखाने से रोकने का कोई तरीका ? यही ReactJS के साथ है। यानी नए रूट शो localhost:3000/#/या जाने के लिए लिंक पर क्लिक करना localhost:3000/#/about। मार्ग पर निर्भर करता है।

103 reactjs  react-router 

मुझे समझ नहीं आ रहा है कि IndexRoute और IndexLink का उपयोग करने का उद्देश्य क्या है । ऐसा लगता है कि किसी भी मामले में नीचे दिए गए कोड को पहले होम कंपोनेंट चुना जाएगा जब तक कि अबाउट पाथ एक्टिवेट नहीं हो जाता। <Route path="/" component={App}> <IndexRoute component={Home}/> …

102 javascript  reactjs  react-router  url-routing 

मैं राउटर को नया करने के लिए नया हूं और सीखता हूं कि किसी पृष्ठ को पुनर्निर्देशित करने के कई तरीके हैं: का उपयोग करते हुए browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); का उपयोग करते हुए this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, …

102 reactjs  redux  react-router 

मैं कुछ छोटी समस्या रिएक्ट-राउटर v3 से v4 की ओर पलायन कर रहा हूं। v3 में मैं कहीं भी ऐसा करने में सक्षम था: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); मैं इसे v4 में कैसे प्राप्त करूं। मुझे पता है कि withRouterजब आप एक घटक में होते हैं , …

101 reactjs  react-router 

मैं प्रतिक्रिया-राउटर का उपयोग करके एक प्रतिक्रिया एप्लिकेशन पर काम कर रहा हूं। मेरे पास एक परियोजना पृष्ठ है जिसमें एक यूआरएल इस प्रकार है: myapplication.com/project/unique-project-id जब प्रोजेक्ट कंपोनेंट लोड होता है, तो मैं कंपोनेंटडिमाउंट इवेंट से उस प्रोजेक्ट के लिए डेटा अनुरोध ट्रिगर करता हूं। मैं अब एक ऐसे …

99 reactjs  react-router 

मेरे पास निम्नलिखित हैं: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> DefaultRoute का उपयोग करते समय, SearchDashboard गलत तरीके से प्रस्तुत करता है क्योंकि डैशबोर्ड के भीतर किसी भी * डैशबोर्ड …

98 javascript  routes  reactjs  url-redirection  react-router 

मैं ReactJs में नया हूं। यह मेरा कोड है: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); और इसे वेबपैक के साथ संकलित करना। इसके अलावा मैंने अपने एलियासेस में मुख्य …

97 reactjs  react-router 

NavLink पर "activeClassName" और "activeStyle" सेट करने की क्षमता के अलावा, क्या आपकी साइट पर गैर-नेविगेशनल तत्वों (अर्थात हेडर या पाद लेख में मुख्य नौसेना नहीं) पर अन्य मार्गों के लिंक बनाते समय लिंक पर NavLink का उपयोग करने का कोई कारण है । कि एक सक्रिय राज्य / वर्ग …

94 reactjs  react-router  react-router-v4 

मैं अपनी परियोजना में प्रतिक्रिया-राउटर-डोम 4.0.0-beta.6 का उपयोग कर रहा हूं। मेरे पास निम्नलिखित जैसा एक कोड है: <Route exact path="/home" component={HomePage}/> और मैं HomePageघटक में क्वेरी परम प्राप्त करना चाहता हूं । मुझे location.searchपरम मिला है , जो इस तरह दिखता है: ?key=valueइसलिए यह अप्रकाशित है। प्रतिक्रिया-राउटर v4 के …

87 react-router  react-router-v4  react-router-dom 

मुझे ब्राउज़िंग इतिहास के आधार पर कुछ व्यावसायिक तर्क लागू करने होंगे। मैं ऐसा कुछ करना चाहता हूं: reactRouter.onUrlChange(url => { this.history.push(url); }); क्या URL अपडेट होने पर प्रतिक्रिया-राउटर से कॉलबैक प्राप्त करने का कोई तरीका है?

87 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

मुझे रूटिंग के साथ प्रतिक्रिया में दृश्य बदलने में परेशानी हो रही है। मैं केवल उपयोगकर्ताओं की एक सूची दिखाना चाहता हूं, और प्रत्येक उपयोगकर्ता पर क्लिक करके विवरण पृष्ठ पर जाना चाहिए। यहाँ राउटर है: import React from "react"; import ReactDOM from "react-dom"; import { BrowserRouter } from 'react-router-dom'; …

87 reactjs  react-router