Pertanyaan yang diberi tag «react-router»

Mencoba untuk mendapatkan react-router (v4.0.0) dan react-hot-loader (3.0.0-beta.6) untuk bermain dengan baik, tetapi mendapatkan kesalahan berikut di konsol browser: Peringatan: React.createElement: type is invalid - diharapkan string (untuk komponen built-in) atau class / function (untuk komponen komposit) tetapi got: undefined. Anda mungkin lupa mengekspor komponen Anda dari file yang ditentukan …

112 reactjs  react-router  react-hot-loader 

Saya terkadang melihat orang membungkus komponen withRoutermereka saat mereka mengekspornya: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Untuk apa ini, dan kapan saya harus menggunakannya?

109 reactjs  react-router 

Saya telah berpikir dan saya bingung dengan routing antara Client dan Server. Misalkan saya menggunakan ReactJS untuk rendering sisi server sebelum mengirim permintaan kembali ke browser web, dan menggunakan react-router sebagai perutean sisi klien untuk beralih antar halaman tanpa menyegarkan sebagai SPA. Yang terlintas dalam pikiran adalah: Bagaimana rute diinterpretasikan? …

108 javascript  reactjs  routes  react-router  url-routing 

Saya sedang mentransisikan aplikasi react saya dari webpack-dev-server ke nginx. Ketika saya membuka url root "localhost: 8080 / login" saya hanya mendapatkan 404 dan di log nginx saya, saya melihat bahwa itu mencoba untuk mendapatkan: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login" failed (2: No such file or …

108 nginx  react-router 

Saya baru mengenal React Router dan mengetahui bahwa ada begitu banyak cara untuk mengarahkan ulang halaman: Menggunakan browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Menggunakan 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 = { …

107 reactjs  redux  react-router 

Adakah cara untuk mencegah agar tidak /#/muncul di bilah alamat browser saat menggunakan react-router? Itu dengan ReactJS. yaitu Mengklik link untuk pergi ke acara rute baru localhost:3000/#/atau localhost:3000/#/about. Tergantung rutenya.

103 reactjs  react-router 

Saya mengalami sedikit masalah saat bermigrasi dari React-Router v3 ke v4. di v3 saya bisa melakukan ini di mana saja: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Bagaimana cara mencapai ini di v4. Saya tahu bahwa saya dapat menggunakan, hoc withRouter, konteks reaksi, atau alat peraga router acara ketika Anda …

103 reactjs  react-router 

Saya tidak mengerti apa tujuan menggunakan IndexRoute dan IndexLink . Tampaknya dalam kasus apa pun kode di bawah ini akan memilih komponen Rumah terlebih dahulu kecuali jalur Tentang diaktifkan. <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> Apa …

102 javascript  reactjs  react-router  url-routing 

Saya sedang mengerjakan aplikasi react menggunakan react-router. Saya memiliki halaman proyek yang memiliki url sebagai berikut: myapplication.com/project/unique-project-id Ketika komponen proyek dimuat, saya memicu permintaan data untuk proyek itu dari acara componentDidMount. Saya sekarang mengalami masalah di mana jika saya beralih langsung di antara dua proyek jadi hanya id yang berubah …

100 reactjs  react-router 

Saya memiliki yang berikut ini: <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> Saat menggunakan DefaultRoute, SearchDashboard salah merender karena Dasbor * apa pun perlu dirender dalam Dasbor. Saya ingin agar DefaultRoute …

98 javascript  routes  reactjs  url-redirection  react-router 

Saya baru mengenal ReactJs. Ini kode saya: 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')); dan menyusunnya dengan webpack. Juga saya menambahkan komponen Utama ke alias saya. Konsol menampilkan kesalahan ini: …

97 reactjs  react-router 

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 

Saya menggunakan hook useHistory baru dari React Router, yang keluar beberapa minggu yang lalu. Versi React-router saya adalah 5.1.2. React saya ada di versi 16.10.1. Anda dapat menemukan kode saya di bagian bawah. Namun ketika saya mengimpor useHistory baru dari react-router, saya mendapatkan kesalahan ini: Uncaught TypeError: Cannot read property …

18 reactjs  react-router  react-hooks  react-router-dom  react-context