Pertanyaan yang diberi tag «react-router-v4»

Dalam versi React Router (v3) saat ini, saya dapat menerima respons server dan gunakan browserHistory.pushuntuk membuka halaman respons yang sesuai. Namun, ini tidak tersedia di v4, dan saya tidak yakin apa cara yang tepat untuk menangani ini. Dalam contoh ini, menggunakan Redux, komponen / app-product-form.js panggilan this.props.addProduct(props)saat pengguna mengirimkan formulir. …

361 reactjs  react-router  react-router-v4 

Saya baru saja mengganti react-routerdari v3 ke v4. Tetapi saya tidak yakin bagaimana cara menavigasi secara terprogram dalam fungsi anggota a Component. yaitu dalam handleClick()fungsi saya ingin menavigasi ke /path/some/wheresetelah memproses beberapa data. Saya biasa melakukannya dengan: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Tapi saya tidak dapat menemukan antarmuka …

336 reactjs  ecmascript-6  react-router-v4 

Saya ingin mendeklarasikan path dengan parameter path opsional, maka ketika saya menambahkannya halaman untuk melakukan sesuatu yang ekstra (mis. Isi beberapa data): http: // localhost / app / path / ke / halaman <= render halaman http: // localhost / app / path / ke / halaman / pathParam <= …

306 javascript  reactjs  react-router  react-router-v4 

Saat ini saya berjuang dengan rute bersarang menggunakan router reaksi v4. Contoh terdekat adalah konfigurasi rute dalam Dokumentasi React-Router v4 . Saya ingin membagi aplikasi menjadi 2 bagian berbeda. Frontend dan area admin. Saya sedang memikirkan sesuatu seperti ini: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> …

261 javascript  reactjs  nested  react-router  react-router-v4 

Saya ingin menampilkan titlein <AppBar />yang entah bagaimana dilewatkan dari rute saat ini. Di React Router v4, bagaimana <AppBar />bisa mendapatkan rute saat ini dilewatkan ke titleprop itu? <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> Apakah …

181 reactjs  react-router  react-router-v4 

Saya memiliki beberapa tombol yang berfungsi sebagai rute. Setiap kali rute diubah, saya ingin memastikan tombol yang aktif berubah. Apakah ada cara untuk mendengarkan perubahan rute pada router reaksi v4?

138 react-router-v4 

Saya mencoba menerapkan rute yang diautentikasi tetapi menemukan bahwa React Router 4 sekarang mencegah ini berfungsi: <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> Kesalahannya adalah: Peringatan: Anda tidak boleh menggunakan <Route component>dan <Route children>di rute …

122 javascript  reactjs  react-router  react-router-v4 

Selain kemampuan untuk menyetel "activeClassName" dan "activeStyle" di NavLink, adakah alasan untuk menggunakan NavLink melalui Link saat membuat link ke rute lain pada elemen non-navigasi (yaitu, bukan navigasi utama di header atau footer) di situs Anda yang tidak membutuhkan status / kelas aktif?

94 reactjs  react-router  react-router-v4 

Saya harus menerapkan beberapa logika bisnis tergantung pada riwayat penelusuran. Yang ingin saya lakukan adalah seperti ini: reactRouter.onUrlChange(url => { this.history.push(url); }); Apakah ada cara untuk menerima panggilan balik dari react-router ketika URL diperbarui?

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

Saya menggunakan react-router-dom 4.0.0-beta.6 dalam proyek saya. Saya memiliki kode seperti berikut: <Route exact path="/home" component={HomePage}/> Dan saya ingin mendapatkan parameter kueri dalam HomePagekomponen. Saya telah menemukan location.searchparam, yang terlihat seperti ini ?key=value:, jadi tidak diurai. Apa cara yang benar untuk mendapatkan parameter kueri dengan react-router v4?

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