«react-router» etiketlenmiş sorular

İle react-routerkullanabilirsinizLink öğeyi, tepki yönlendiricisi tarafından yerel olarak işlenen bağlantılar oluşturmak için . Dahili olarak görüyorum this.context.transitionTo(...). Bir navigasyon yapmak istiyorum. Bir bağlantıdan değil, bir açılır listeden (örnek olarak). Bunu kodda nasıl yapabilirim? Nedir this.context? NavigationKarışımı gördüm , ama bunu olmadan yapabilir miyim mixins?

1429 reactjs  react-router 

React-router kullanıyorum ve bağlantı düğmelerini tıklarken iyi çalışıyor, ancak web sayfamı yenilediğimde istediğimi yüklemiyor. Mesela ben varım localhost/joblistve her şey yolunda çünkü buraya bir linke basarak geldim. Ama web sayfasını yenilersem şunu elde ederim: Cannot GET /joblist Varsayılan olarak, böyle çalışmadı. Başlangıçta ben olarak benim URL vardı localhost/#/ve localhost/#/joblistonlar mükemmel …

653 javascript  reactjs  url  react-router 

Bu hatayı alıyorum: Yakalanmayan Hata: Değişmez İhlal: Öğe türü geçersiz: bir dize (yerleşik bileşenler için) veya bir sınıf / işlev (bileşik bileşenler için) bekleniyordu ama got: object. Bu benim kodum: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = Router.Link …

528 reactjs  react-router 

__firebase_request_keyTwitter'dan tek oturum açma işleminin oluşturduğu bir URL'den sunucularından yeniden yönlendirmeden sonra elde edilen URL'den parametre değerini yakalamak için route.jsx dosyamda nasıl bir rota tanımlayabilirim ? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Aşağıdaki yollar yapılandırması ile denedim, ancak :redirectParambelirtilen param yakalamak değil: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …

413 reactjs  react-router 

React Router'ın (v3) geçerli sürümünde bir sunucu yanıtını kabul edebilir browserHistory.pushve uygun yanıt sayfasına gitmek için kullanabilirim . Ancak, bu v4'te mevcut değildir ve bunu işlemek için uygun yolun ne olduğundan emin değilim. Bu örnekte, kullanıcı formu gönderdiğinde, Redux'u kullanan Components / app-product-form.js çağrı this.props.addProduct(props)yapar. Sunucu bir başarı döndürdüğünde, kullanıcı …

362 reactjs  react-router  react-router-v4 

React Router kullanarak React.js uygulamam için aşağıdaki yapıya sahibim : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute handler={Dashboard}/> </Route> …

315 javascript  properties  reactjs  react-router 

Ben isteğe bağlı bir yol parametresi ile bir yol bildirmek istiyorum, bu nedenle ben ekstra bir şey yapmak için sayfa eklediğinizde (örneğin bazı verileri doldurun): http: // localhost / app / path / to / page <= sayfayı oluştur http: // localhost / app / path / to / page …

306 javascript  reactjs  react-router  react-router-v4 

Şu anda tepki yönlendirici v4 kullanarak yuvalama yolları ile mücadele ediyorum. En yakın örnek React-Router v4 Belgelerinde rota yapılandırmasıydı . Uygulamamı 2 farklı bölüme ayırmak istiyorum. Bir kullanıcı arabirimi ve bir yönetici alanı. Ben böyle bir şey düşünüyordum: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> </Match> …

262 javascript  reactjs  nested  react-router  react-router-v4 

this.props.history.push('/page')React-Router v4 ile parametreyi nasıl geçirebiliriz ? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

217 reactjs  react-router 

Birisi arasındaki farkı açıklayabilir mi? <Route exact path="/" component={Home} /> ve <Route path="/" component={Home} /> 'Kesin' kelimesinin anlamını bilmiyorum

189 reactjs  react-router  react-router-dom 

Bir şekilde geçerli rotadan aktarılan bir titlein görüntülemek istiyorum <AppBar />. React Router v4'te <AppBar />mevcut rotayı titlepervanesine nasıl geçirebiliriz ? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> </main> </Router> Özel gönderen bir özel başlık geçirmek için bir …

183 reactjs  react-router  react-router-v4 

Bir webapp geliştirmek için React ve Redux kullanıyorum ve projemi başlattığımda bunu aldım: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Nasıl çözüleceği hakkında çok şey araştırıyorum, ancak bulduğum cevapların hiçbiri bana yardımcı olmadı, bu yüzden Stack overflow'a döndüm. Herkes bu …

168 javascript  reactjs  react-router  eslint 

React yönlendiricisi, tepki uygulamalarının işlemesini sağlar /arbitrary/route. Bunun çalışması için sunucumun React uygulamasını herhangi bir eşleşen rotaya göndermesine ihtiyacım var. Ancak web paketi geliştirici sunucusu keyfi uç noktaları işlemez. Ek ekspres sunucu kullanarak burada bir çözüm var. Webpack-dev-server'ın react-router'dan giriş noktalarına izin vermesine nasıl izin verilir Ancak rota eşleştirmeye izin …

155 reactjs  ecmascript-6  webpack  react-router 

Tepki yönlendirici ile tepki kullanıyorum. Reat-router bir "Link" özelliği geçmeye çalışıyorum var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( <div> <Link to="ideas" …

137 javascript  reactjs  react-router 

Aşağıdakileri göz önünde bulundur: var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; …

132 react-router