«react-router» etiketlenmiş sorular

React Router'da yeniyim ve bir sayfayı yeniden yönlendirmenin pek çok yolu olduğunu öğrendim: Kullanma browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Kullanma 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: React.PropTypes.object } …

115 reactjs  redux  react-router 

Güzelce oynamak için react-router (v4.0.0) ve react-hot-loader (3.0.0-beta.6) almaya çalışıyorum, ancak tarayıcı konsolunda aşağıdaki hatayı alıyorum: Uyarı: React.createElement: type geçersiz - bir dize (yerleşik bileşenler için) veya bir sınıf / işlev (bileşik bileşenler için) bekleniyordu ancak var: tanımsız. Bileşeninizi, içinde tanımlandığı dosyadan dışa aktarmayı unutmuş olabilirsiniz. index.js: import React from …

114 reactjs  react-router  react-hot-loader 

İstemci tarafında uygulamam için react ve react-router kullanıyorum. Aşağıdaki sorgu parametrelerini aşağıdaki gibi bir url'den nasıl alacağımı çözemiyorum: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Rotalarım şöyle görünüyor (yol tamamen yanlış biliyorum): 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> ); Rotam iyi çalışıyor ancak istediğim parametreleri almak …

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

React uygulamamı webpack-dev-server'dan nginx'e geçiriyorum. "Localhost: 8080 / login" kök url'sine gittiğimde sadece bir 404 alıyorum ve nginx günlüğümde şunu almaya çalıştığını görüyorum: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login" failed (2: No such file or directory), client: 172.20.0.1, server: , request: "GET /login HTTP/1.1", host: "localhost:8080" my-nginx-container …

109 nginx  react-router 

Düşünüyordum ve İstemci ile Sunucu arasındaki yönlendirmeyle karıştırıldım. İsteği web tarayıcısına geri göndermeden önce sunucu tarafında işleme için ReactJS kullandığımı ve SPA olarak yenilemeden sayfalar arasında geçiş yapmak için istemci tarafı yönlendirme olarak react-yönlendiriciyi kullandığımı varsayalım. Akla gelen şudur: Rotalar nasıl yorumlanıyor? Örneğin, Ana sayfadan ( /home) Gönderiler sayfasına ( …

108 javascript  reactjs  routes  react-router  url-routing 

React-Router v3'ten v4'e geçişte küçük bir sorun yaşıyorum. v3'te bunu her yerde yapabildim: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Bunu v4.0'da nasıl başarabilirim? withRouterBir Bileşenin içindeyken hoc , react bağlamı veya olay yönlendirici sahne öğelerini kullanabileceğimi biliyorum. ama benim için durum böyle değil. NavigatingOutsideOfComponents'ın v4'te eşdeğerliğini arıyorum

106 reactjs  react-router 

React-router kullanan bir react uygulaması üzerinde çalışıyorum. Aşağıdaki gibi bir url'ye sahip bir proje sayfam var: myapplication.com/project/unique-project-id Proje bileşeni yüklendiğinde, componentDidMount olayından o proje için bir veri talebini tetiklerim. Şimdi, iki proje arasında doğrudan geçiş yaparsam, böylece yalnızca kimlik böyle değişirse bir sorunla karşılaşıyorum ... myapplication.com/project/982378632 myapplication.com/project/782387223 myapplication.com/project/198731289 componentDidMount tekrar …

104 reactjs  react-router 

/#/React-router kullanırken tarayıcının adres çubuğunda gösterilmesini engellemenin herhangi bir yolu var mı? Bu ReactJS ile. Örneğin, yeni bir rota gösterisine gitmek için bağlantılara tıklamak localhost:3000/#/veya localhost:3000/#/about. Rotaya bağlı olarak.

103 reactjs  react-router 

IndexRoute ve IndexLink kullanmanın amacının ne olduğunu anlamıyorum . Her durumda, About yolu etkinleştirilmedikçe, aşağıdaki kodun önce Home bileşenini seçeceği anlaşılıyor. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> vs <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" component={About}/> </Route> Buradaki ilk vakanın avantajı / amacı nedir?

102 javascript  reactjs  react-router  url-routing 

Aşağıdakilere sahibim: <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 kullanılırken, herhangi bir * Gösterge Tablosunun Gösterge Tablosu içinde oluşturulması gerektiğinden SearchDashboard hatalı şekilde oluşturulur. DefaultRoute'umun "app" Route içinde Route "searchDashboard" …

99 javascript  routes  reactjs  url-redirection  react-router 

ReactJs'de yeniyim. Bu benim kodum: 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')); ve webpack ile derlemek. Ayrıca takma adlarıma Main bileşeni ekledim. Konsol şu hataları atıyor: Şu bağlantıları da okudum: …

97 reactjs  react-router 

NavLink'te bir "activeClassName" ve "activeStyle" ayarlayabilmenin yanı sıra, sitenizdeki navigasyon dışı öğelerde (yani üstbilgi veya alt bilgide ana gezinme değil) diğer rotalara bağlantılar oluştururken Bağlantı üzerinden NavLink'i kullanmak için herhangi bir neden var mı? aktif bir duruma / sınıfa ihtiyaç duymayan?

94 reactjs  react-router  react-router-v4 

Ben dışarı çalışıyorum (v4)-Router tepki ve ben birine sahip Nav kapalı başlayarak sahip sorunları değilim Link'olmak s active. LinkEtiketlerin herhangi birine tıklarsam , aktif öğeler çalışmaya başlar. Ancak, rotada Linkyüklenen bileşen bu olduğundan, Home'un uygulama başlar başlamaz etkin olmasını istiyorum /. Bunu yapmanın bir yolu var mı? İşte mevcut kodum: …

91 javascript  reactjs  ecmascript-6  react-router 

Tarama geçmişine bağlı olarak bazı iş mantığı uygulamalıyım. Yapmak istediğim şey şuna benzer: reactRouter.onUrlChange(url => { this.history.push(url); }); URL güncellendiğinde react-router'dan geri arama almanın bir yolu var mı?

91 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

React yönlendiriciyle ilgili bazı sorunlar yaşıyorum (^ 4.0.0 sürümünü kullanıyorum). bu benim 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') ); App.js sadece her …

91 javascript  json  reactjs  react-router