«react-router-v4» etiketlenmiş sorular

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 

Az react-routerönce v3'ten v4'e geçtim . Ancak a Component. Üye işlevinde programlı olarak gezinmek nasıl emin değilim . yani handleClick()işlevde /path/some/wherebazı verileri işledikten sonra gitmek istiyorum . Bunu şu şekilde yapardım: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Ama v4'te böyle arayüzler bulamıyorum. V4'ü kullanarak nasıl gezinebilirim?

336 reactjs  ecmascript-6  react-router-v4 

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 

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 

Rota görevi gören birkaç düğmem var. Rota her değiştiğinde, aktif olan düğmenin değiştiğinden emin olmak istiyorum. React yönlendirici v4'teki rota değişikliklerini dinlemenin bir yolu var mı?

139 react-router-v4 

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 

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 

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 

Projemde react-router-dom 4.0.0-beta.6 kullanıyorum. Aşağıdaki gibi bir kodum var: <Route exact path="/home" component={HomePage}/> Ve HomePagebileşende sorgu parametreleri almak istiyorum . Ben location.searchşuna benzeyen bir param buldum : ?key=valueyani ayrıştırılmamış. React-router v4 ile sorgu parametreleri almanın doğru yolu nedir?

89 react-router  react-router-v4  react-router-dom