«react-router» etiketlenmiş sorular

React ile web uygulamaları geliştirirken varsayılan olan react-router-dom adlı son versiyon react-router modülünü kullanıyorum. Bir POST isteğinden sonra nasıl yeniden yönlendirme yapacağımı öğrenmek istiyorum. Bu kodu yapıyorum ama talepten sonra hiçbir şey olmuyor. İnternette inceliyorum, ancak tüm veriler react yönlendiricisinin önceki sürümleri hakkındadır ve son güncellemeyle hayır. Kod: import React, …

132 javascript  reactjs  react-router 

ReactJS ve React-Router'da yeniyim. React-yönlendiriciden bir <Link/>nesneyi destekleyen bir bileşenim var . Kullanıcı bu bileşenin içindeki bir 'sonraki' düğmesine her tıkladığında, nesneyi manuel olarak çağırmak istiyorum .<Link/> Şu anda, destekleme örneğine erişmek için refs kullanıyorum ve oluşturan 'a' etiketine elle tıklıyorum .<Link/> Soru: Bağlantıyı manuel olarak çalıştırmanın bir yolu var …

131 javascript  reactjs  react-router 

Projeme bir React harita bileşeni eklemeye çalışıyorum ancak bir hatayla karşılaşıyorum. Fullstack React'in blog gönderisini referans olarak kullanıyorum. Google_map.js satır 83'te hatanın nereye atıldığını izledim: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } İşte şimdiye kadarki harita bileşenim. …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

Başka bir sayfaya geçerken sorun yaşıyorum, konumu önceki sayfadaki gibi kalacak. Böylece otomatik olarak en üste kaymayacaktır. Ben de kullanmayı denedim window.scrollTo(0, 0)üzerinde onChangeyönlendirici. Ben de scrollBehaviorbu sorunu düzeltirdim ama işe yaramadı. Bununla ilgili herhangi bir öneriniz var mı?

126 javascript  reactjs  react-router  react-router-redux 

Biri bana belirli bir rotadan önceki sayfaya nasıl geri dönebileceğimi söyleyebilir mi? Bu kodu kullanırken: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Bu hatayı alın, yönlendirici geçmişi olmadığı için goBack () yok sayıldı …

123 javascript  reactjs  react-router 

Her ikisinde de Rota, Bağlantı vb. Bulunur. Biri veya diğerini ne zaman kullanmalı? Her birini nerede kullanacağım konusunda gerçekten kafam karıştı. Sunucu tarafı mı? İstemci tarafı mı? https://reacttraining.com/react-router/ Bazı örneklerde geçmişi geçmeniz gerekir, bazılarında geçmemeniz gerekir. Ne yapalım? <Router history={browserHistory}> vs <Router> Herhangi bir yardımın ne zaman kullanılacağı gerçekten kafa …

123 reactjs  react-router 

Kimliği doğrulanmış yolları uygulamaya çalışıyordum, ancak React Router 4'ün artık bunun çalışmasını engellediğini gördüm: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Hata şudur: Uyarı: Sen kullanmamalısınız <Route component>ve <Route children>aynı rotada; <Route children>göz ardı edilecek …

122 javascript  reactjs  react-router  react-router-v4 

Aşağıdakilere sahibim: Mavi alt çizgiden nasıl kurtulurum? Kod aşağıdadır: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> MenuItem bileşeni http://www.material-ui.com/#/components/menu adresindendir Herhangi bir içgörü veya rehberlik çok takdir edilecektir. Şimdiden teşekkür ederim.

121 javascript  reactjs  react-router 

ReactJS uygulamamın, belirli bir sayfadan ayrılırken bir kullanıcıyı bilgilendirmesini istiyorum. Özellikle ona bir eylem yapmasını hatırlatan bir açılır mesaj: "Değişiklikler kaydedildi, ancak henüz yayınlanmadı. Bunu şimdi mi yapacaksınız?" Bunu react-routerglobal olarak tetiklemeli miyim , yoksa bu, tepki sayfası / bileşeni içinden yapılabilecek bir şey mi? İkincisi hakkında hiçbir şey bulamadım …

118 reactjs  react-router 

React-router ile birlikte geliştirme aşamasında webpack-dev-server kullanan bir uygulama oluşturuyorum. Görünüşe göre webpack-dev-server, tek bir yerde (yani "/") genel bir giriş noktasına sahip olacağınız varsayımı etrafında inşa edilmiştir, oysa react-router sınırsız sayıda giriş noktası sağlar. Webpack-dev-server'ın faydalarını, özellikle üretkenlik için harika olan yeniden yükleme özelliğini istiyorum, ancak yine de react-router'da …

117 javascript  reactjs  webpack  react-router 

Kullanmadan react-router ile sorgu parametrelerini nasıl güncelleyeceğimi bulamıyorum <Link/>. hashHistory.push(url)Görünüşe göre sorgu parametrelerini kaydetmiyor ve bir sorgu nesnesini veya herhangi bir şeyi ikinci bir argüman olarak iletebilecek gibi görünmüyor. Nasıl gelen url değiştiririm /shop/Clothes/dressesiçin /shop/Clothes/dresses?color=bluetepki-yönlendirici kullanmadan <Link>? Ve bir onChangeişlev gerçekten sorgu değişikliklerini dinlemenin tek yolu mudur? Sorgu değişiklikleri neden …

117 reactjs  react-router 

Bir react uygulamasında rotalarımı işlemek için react-router kullandığım için, harici bir kaynağa yönlendirmenin bir yolu olup olmadığını merak ediyorum. Birinin isabet ettiğini söyle: example.com/privacy-policy Yeniden yönlendirilmesini istiyorum: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies İndex.html'de düz JS'de yazmaktan kaçınmak için tam olarak sıfır yardım buluyorum: if ( window.location.path === "privacy-policy" ){ window.location = "example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies" }

117 javascript  reactjs  redirect  react-router  react-router-redux 

Paketlenmiş js ve css'yi bir html şablon dosyasına enjekte etmek için webpack ve HtmlWebpackPlugin kullanıyorum. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Ve aşağıdaki html dosyasını üretir. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Bu, uygulamanın kökünü ziyaret …

116 javascript  express  webpack  react-router 

Aynı bileşeni üç farklı yol için kullanıyorum: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Onu birleştirmenin bir yolu var mı? <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>

116 javascript  reactjs  path  react-router  url-routing 

Ben ettik bazen görülen insanlar kendi bileşenlerini sarmak withRouteronları ihraç zaman: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Bu ne için ve ne zaman kullanmalıyım?

116 reactjs  react-router