Pertanyaan yang diberi tag «react-router»

Saya menggunakan modul react-router versi terakhir, bernama react-router-dom, yang telah menjadi default saat mengembangkan aplikasi web dengan React. Saya ingin tahu cara melakukan pengalihan setelah permintaan POST. Saya telah membuat kode ini, tetapi setelah permintaan, tidak ada yang terjadi. Saya mengulas di web, tetapi semua data tentang versi sebelumnya dari …

132 javascript  reactjs  react-router 

Saya baru mengenal ReactJS dan React-Router. Saya memiliki komponen yang menerima melalui alat peraga <Link/>objek dari react-router . Setiap kali pengguna mengklik tombol 'next' di dalam komponen ini saya ingin memanggil <Link/>objek secara manual. Saat ini, saya menggunakan referensi untuk mengakses contoh dukungan dan secara manual mengklik tag 'a' yang …

131 javascript  reactjs  react-router 

Saya mencoba menambahkan komponen Peta Bereaksi untuk proyek saya tetapi mengalami kesalahan. Saya menggunakan posting blog Fullstack React sebagai referensi. Saya melacak di mana kesalahan dilemparkan ke google_map.js baris 83: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } …

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

Keduanya memiliki Route, Link, dll. Kapan menggunakan salah satu atau lainnya? Saya benar-benar bingung di mana harus menggunakan masing-masing. Sisi server? Sisi klien? https://reacttraining.com/react-router/ Dalam beberapa contoh Anda harus meneruskan sejarah, pada contoh lainnya tidak. Apa yang harus dilakukan? <Router history={browserHistory}> vs. <Router> Benar-benar membingungkan kapan harus menggunakan satu atau …

123 reactjs  react-router 

Adakah yang bisa memberi tahu saya bagaimana saya bisa kembali ke halaman sebelumnya daripada rute tertentu? Saat menggunakan kode ini: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Dapatkan kesalahan ini, goBack () diabaikan …

123 javascript  reactjs  react-router 

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 

Saya memiliki yang berikut ini: Bagaimana cara menghilangkan garis bawah biru? Kode di bawah ini: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Komponen MenuItem berasal dari http://www.material-ui.com/#/components/menu Wawasan atau panduan apa pun akan sangat dihargai. Terima kasih sebelumnya.

121 javascript  reactjs  react-router 

Saya mengalami masalah saat menavigasi ke halaman lain, posisinya akan tetap seperti halaman sebelumnya. Jadi itu tidak akan bergulir ke atas secara otomatis. Saya juga mencoba menggunakan window.scrollTo(0, 0)di onChangerouter. Saya juga pernah scrollBehaviormemperbaiki masalah ini tetapi tidak berhasil. Ada saran tentang ini?

120 javascript  reactjs  react-router  react-router-redux 

Saya membuat aplikasi yang menggunakan webpack-dev-server dalam pengembangan bersama react-router. Tampaknya webpack-dev-server dibangun dengan asumsi bahwa Anda akan memiliki titik masuk publik di satu tempat (yaitu "/"), sedangkan react-router memungkinkan jumlah titik masuk yang tidak terbatas. Saya ingin manfaat dari webpack-dev-server, terutama fitur hot reload yang bagus untuk produktivitas, tetapi …

117 javascript  reactjs  webpack  react-router 

Saya tidak bisa menemukan cara memperbarui parameter kueri dengan react-router tanpa menggunakan <Link/>. hashHistory.push(url)tampaknya tidak mendaftarkan parameter kueri, dan sepertinya Anda tidak dapat meneruskan objek kueri atau apa pun sebagai argumen kedua. Bagaimana Anda mengubah url dari /shop/Clothes/dressesmenjadi /shop/Clothes/dresses?color=bluedi react-router tanpa menggunakan <Link>? Dan apakah suatu onChangefungsi benar-benar satu-satunya cara …

117 reactjs  react-router 

Saya ingin aplikasi ReactJS saya memberi tahu pengguna saat keluar dari halaman tertentu. Khususnya pesan popup yang mengingatkan dia untuk melakukan suatu tindakan: "Perubahan disimpan, tapi belum dipublikasikan. Lakukan sekarang?" Haruskah saya memicu ini react-routersecara global, atau apakah ini sesuatu yang dapat dilakukan dari dalam halaman / komponen react? Saya …

117 reactjs  react-router 

Saya menggunakan webpack dan HtmlWebpackPlugin untuk memasukkan js dan css yang dibundel ke dalam file template html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Dan itu menghasilkan file html berikut. <!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> Ini …

115 javascript  express  webpack  react-router 

Saya menggunakan komponen yang sama untuk tiga rute berbeda: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Apakah ada cara untuk menggabungkannya, menjadi seperti: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>

113 javascript  reactjs  path  react-router  url-routing 

Karena saya menggunakan react-router untuk menangani rute saya di aplikasi react, saya ingin tahu apakah ada cara untuk mengalihkan ke sumber daya eksternal. Katakanlah seseorang memukul: example.com/privacy-policy Saya ingin ini dialihkan ke: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Saya menemukan tidak ada bantuan dalam menghindari menulisnya dalam JS biasa di index.html saya memuat dengan sesuatu …

113 javascript  reactjs  redirect  react-router  react-router-redux 

Saya menggunakan react dan react-router untuk aplikasi saya di sisi klien. Sepertinya saya tidak tahu cara mendapatkan parameter kueri berikut dari url seperti: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Rute saya terlihat seperti ini (jalurnya benar-benar salah, saya tahu): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> </Route> …

112 javascript  reactjs  client-side  react-router  client-side-scripting