প্রশ্ন ট্যাগ «react-router»

আমি কখনও কখনও লোকদের তাদের withRouterরফতানি করার সময় তাদের উপাদানগুলি মোড়ানো দেখেছি : import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); এটি কীসের জন্য এবং আমি কখন এটি ব্যবহার করব?

113 reactjs  react-router 

আমি ক্লায়েন্টের পক্ষে আমার অ্যাপ্লিকেশনটির জন্য প্রতিক্রিয়া এবং প্রতিক্রিয়া-রাউটার ব্যবহার করছি। ইউআরএল থেকে নীচের ক্যোয়ারী প্যারামিটারগুলি কীভাবে পাবেন তা আমি বুঝতে পারি না: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 আমার রুটগুলি দেখতে দেখতে (পথটি আমি পুরোপুরি ভুল জানি): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> </Route> ); …

112 javascript  reactjs  client-side  react-router  client-side-scripting 

রিখ্যাক-রাউটার (v4.0.0) এবং প্রতিক্রিয়া-হট-লোডার (3.0.0-beta.6) পাওয়ার চেষ্টা করে ভাল খেলতে, তবে ব্রাউজার কনসোলে নিম্নলিখিত ত্রুটিটি পেয়ে যান: সতর্কতা: React.createElement: প্রকারটি অবৈধ - প্রত্যাশিত একটি স্ট্রিং (অন্তর্নির্মিত উপাদানগুলির জন্য) বা একটি শ্রেণি / ফাংশন (সংমিশ্রিত উপাদানগুলির জন্য) তবে পেয়েছে: অপরিবর্তিত। আপনি সম্ভবত নিজের উপাদানটিকে যে ফাইলটি সংজ্ঞায়িত করেছেন তা থেকে রফতানি …

112 reactjs  react-router  react-hot-loader 

আমি ভাবছিলাম এবং ক্লায়েন্ট এবং সার্ভারের মধ্যে রাউটিংয়ের সাথে আমি বিভ্রান্ত হয়ে পড়েছি। ধরুন আমি ওয়েব ব্রাউজারে অনুরোধটি ফেরত পাঠানোর আগে সার্ভার-সাইড রেন্ডারিংয়ের জন্য রিঅ্যাকটজেএস ব্যবহার করি এবং এসপিএ হিসাবে রিফ্রেশ না করে পৃষ্ঠাগুলির মধ্যে স্যুইচ করতে ক্লায়েন্ট-সাইড রাউটিং হিসাবে রিঅ্যাক্ট-রাউটার ব্যবহার করি। যা মনে আসে তা হ'ল: রুটগুলি কীভাবে …

108 javascript  reactjs  routes  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, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { router: …

107 reactjs  redux  react-router 

আমার প্রতিক্রিয়া-রাউটার v3 থেকে v4 এ স্থানান্তরিত করতে কিছুটা সমস্যা হয়েছে। v3 এ আমি যে কোনও জায়গায় এটি করতে সক্ষম হয়েছিল: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); আমি কীভাবে এটি ভি 4 এ অর্জন করব। আমি জানি যে আমি এই ব্যবহার করতে পারি withRouter আপনি যখন কোনও কম্পোনেন্টে থাকবেন …

106 reactjs  react-router 

/#/রিঅ্যাক্ট-রাউটার ব্যবহার করার সময় ব্রাউজারের ঠিকানা বারে প্রদর্শিত হওয়া থেকে রোধ করার কোনও উপায় ? এটি রিএ্যাকটিজেএস এর সাথে। অর্থাৎ কোনও নতুন রুটে যেতে লিংকে ক্লিক করা localhost:3000/#/বা localhost:3000/#/about। রুট উপর নির্ভর করে।

103 reactjs  react-router 

আমি বুঝতে পারি না একটি ইনডেক্স রুট এবং ইনডেক্সলিঙ্ক ব্যবহারের উদ্দেশ্য কী । দেখে মনে হচ্ছে যে কোনও ক্ষেত্রে নীচের কোডটি প্রথমে হোম উপাদানটি নির্বাচিত করবে যদি না সম্পর্কে পথ সক্রিয় হয়। <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> বনাম <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" …

102 javascript  reactjs  react-router  url-routing 

আমি রিএ্যাক্ট-রাউটার ব্যবহার করে একটি প্রতিক্রিয়ার অ্যাপ্লিকেশনটিতে কাজ করছি। আমার একটি প্রকল্প পৃষ্ঠা রয়েছে যার নীচে ইউআরএল রয়েছে: myapplication.com/project/unique-project-id যখন প্রকল্পের উপাদান লোড হয়, তখন আমি সেই উপাদানটির জন্য ডেটা রিকোয়েস্টটি ডিগ্রিমাউন্ট ইভেন্ট থেকে ট্রিগার করি। আমি এখন একটি ইস্যুতে চলেছি যেখানে আমি যদি দুটি প্রকল্পের মধ্যে সরাসরি স্যুইচ করি …

102 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> ডিফল্টরউট ব্যবহার করার সময়, অনুসন্ধান ড্যাশবোর্ড ভুলভাবে রেন্ডার করে যেহেতু যে কোনও * ড্যাশবোর্ডকে ড্যাশবোর্ডের মধ্যে রেন্ডার করা দরকার। আমি আমার …

99 javascript  routes  reactjs  url-redirection  react-router 

আমি রিঅ্যাকটজেগুলিতে নতুন। এটি আমার কোড: 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 

নাভিলিঙ্কে একটি "অ্যাক্টিভ ক্লাসনাম" এবং "অ্যাক্টিভ স্টাইল" সেট করার ক্ষমতা ছাড়াও, আপনার সাইটে নন-নেভিগেশনাল উপাদানগুলিতে (যেমন, প্রধান শিরোনাম বা পাদচরণে মূল ন্যাভ নয়) লিঙ্কগুলি তৈরি করার সময় ন্যাভলিঙ্ক ওভার লিংক ব্যবহার করার কোনও কারণ আছে কি? একটি সক্রিয় রাষ্ট্র / শ্রেণির প্রয়োজন নেই?

94 reactjs  react-router  react-router-v4 

আমি বাইরে চেষ্টা করছি প্রতিক্রিয়া-রাউটার (V4) এবং আমি এনএভি বন্ধ শুরু থাকার বিষয় আছি এক আছে Link's হতে active। আমি যদি কোনও ট্যাগে ক্লিক করি Linkতবে সক্রিয় স্টাফ কাজ করা শুরু করে। যাইহোক, আমি Linkঅ্যাপটি শুরু হওয়ার সাথে সাথেই হোমটি সক্রিয় হওয়ার জন্য চাই যেহেতু এটি /রুটটিতে লোড হওয়া উপাদান …

91 javascript  reactjs  ecmascript-6  react-router 

প্রতিক্রিয়া রাউটারটি নিয়ে আমার কিছুটা সমস্যা হয়েছে (আমি সংস্করণটি ^.০.০ ব্যবহার করছি)। এটি আমার সূচক.জেএস 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') ); App.js …

91 javascript  json  reactjs  react-router 

নতুন ট্যাবে কোনও লিঙ্ক খোলার জন্য প্রতিক্রিয়া রাউটার পাওয়ার কোনও উপায় আছে কি ? আমি এটি চেষ্টা করেছিলাম এবং এটি কার্যকর হয়নি। <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> onClick="foo"আমার উপরে যা আছে তার মতো লিঙ্কে কিছু যুক্ত করে এটি ফ্লাফ করা সম্ভব , তবে কনসোল ত্রুটি হবে। ধন্যবাদ

90 reactjs  react-router