Pertanyaan yang diberi tag «react-router»

Dengan react-routersaya dapat menggunakan Linkelemen untuk membuat tautan yang secara asli ditangani oleh router reaksi. Saya melihat secara internal itu panggilan this.context.transitionTo(...). Saya ingin melakukan navigasi. Bukan dari tautan, tetapi dari pilihan tarik turun (sebagai contoh). Bagaimana saya bisa melakukan ini dalam kode? Apa this.context? Saya melihat Navigationmixin, tetapi bisakah …

1431 reactjs  react-router 

Saya menggunakan React-router dan berfungsi dengan baik saat saya mengklik tombol tautan, tetapi ketika saya menyegarkan halaman web saya tidak memuat apa yang saya inginkan. Misalnya, saya masuk localhost/joblistdan semuanya baik-baik saja karena saya tiba di sini dengan menekan tautan. Tetapi jika saya me-refresh halaman web saya mendapatkan: Cannot GET …

655 javascript  reactjs  url  react-router 

Saya mendapatkan kesalahan ini: Uncaught Error: Pelanggaran Invarian: Tipe elemen tidak valid: diharapkan sebuah string (untuk komponen bawaan) atau kelas / fungsi (untuk komponen komposit) tetapi didapat: objek. Ini kode saya: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = …

528 reactjs  react-router 

Bagaimana saya bisa mendefinisikan rute dalam file routes.jsx saya untuk menangkap nilai __firebase_request_keyparameter dari URL yang dihasilkan oleh proses masuk tunggal Twitter setelah pengalihan dari server mereka? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Saya mencoba dengan konfigurasi rute berikut, tetapi :redirectParamtidak menangkap param yang disebutkan: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} …

412 reactjs  react-router 

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 memiliki struktur berikut untuk aplikasi React.js saya menggunakan React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute …

315 javascript  properties  reactjs  react-router 

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 

Bagaimana kita bisa melewatkan parameter dengan this.props.history.push('/page')React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

218 reactjs  react-router 

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 menggunakan React dan Redux untuk mengembangkan aplikasi web dan ketika saya memulai proyek saya, saya mendapatkan ini: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Saya mencari banyak tentang cara mengatasinya, tetapi tidak ada jawaban yang saya temukan yang membantu …

168 javascript  reactjs  react-router  eslint 

Adakah yang bisa menjelaskan perbedaannya? <Route exact path="/" component={Home} /> dan <Route path="/" component={Home} /> Saya tidak tahu arti 'tepat'

163 reactjs  react-router  react-router-dom 

Saya menggunakan react dengan react-router. Saya mencoba untuk melewatkan properti di "Link" dari react-router var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( …

151 javascript  reactjs  react-router 

React router memungkinkan aplikasi bereaksi untuk menangani /arbitrary/route. Agar ini berfungsi, saya perlu server saya untuk mengirim aplikasi Bereaksi pada rute yang cocok. Tetapi server dev webpack tidak menangani titik akhir yang sewenang-wenang. Ada solusi di sini menggunakan server ekspres tambahan. Cara mengizinkan webpack-dev-server untuk mengizinkan titik masuk dari react-router …

148 reactjs  ecmascript-6  webpack  react-router 

Pertimbangkan hal berikut: var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; Saya …

132 react-router