Запитання з тегом «react-router»

Завдяки цьому react-routerя можу використовувати цей Linkелемент для створення посилань, які в основному обробляються реактором. Я бачу, як все це дзвонить this.context.transitionTo(...). Я хочу зробити навігацію. Не за посиланням, а за допомогою випадаючого вибору (як приклад). Як я можу це зробити в коді? Що таке this.context? Я бачив Navigationміксин, але …

1427 reactjs  react-router 

Я використовую React-роутер, і він прекрасно працює, коли натискаю на кнопки посилань, але коли я оновлюю свою веб-сторінку, вона не завантажує те, що я хочу. Наприклад, я перебуваю, localhost/joblistі все добре, тому що я приїхав сюди, натискаючи посилання. Але якщо я оновлю веб-сторінку, я отримую: Cannot GET /joblist За замовчуванням …

653 javascript  reactjs  url  react-router 

Я отримую цю помилку: Неприхована помилка: Інваріантне порушення: Тип елемента недійсний: очікуваний рядок (для вбудованих компонентів) або клас / функція (для складених компонентів), але отримано: object. Це мій код: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = Router.Link var …

528 reactjs  react-router 

Як я можу визначити маршрут у моєму файлі route.jsx, щоб захопити __firebase_request_keyзначення параметра з URL-адреси, згенерованої єдиним знаком Twitter під час переадресації з їх серверів? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Я спробував :redirectParamвиконати наступну конфігурацію маршрутів, але згаданий парам не вловлює: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …

412 reactjs  react-router 

У поточній версії React Router (v3) я можу прийняти відповідь сервера та використовувати його browserHistory.push для переходу на відповідну сторінку відповідей. Однак це не доступно в v4, і я не впевнений, що є правильним способом впоратися з цим. У цьому прикладі, використовуючи Redux, компоненти / app-product-form.js викликає, this.props.addProduct(props)коли користувач подає …

360 reactjs  react-router  react-router-v4 

У мене така програма для React.js за допомогою маршрутизатора React : 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 handler={Dashboard}/> …

315 javascript  properties  reactjs  react-router 

Я хочу оголосити шлях із необов'язковим параметром шляху, отже, коли я додаю його на сторінку, щоб зробити щось додаткове (наприклад, заповнити деякі дані): http: // localhost / app / path / to / page <= візуалізація сторінки http: // localhost / app / path / to / page / pathParam …

306 javascript  reactjs  react-router  react-router-v4 

В даний час я борюся з гніздовими маршрутами, використовуючи реакційний маршрутизатор v4. Найближчим прикладом була конфігурація маршруту в Документації React-Router v4 . Я хочу розділити свою програму на 2 різні частини. Зовнішній вигляд та адміністратор. Я думав про щось подібне: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} …

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

Як ми можемо передати параметр за допомогою 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'); });

217 reactjs  react-router 

Я хотів би, щоб відобразити titleв <AppBar />тому , що яким - то чином передається з поточного маршруту. Як реалізувати маршрутизатор React v4, як би <AppBar />вдалося передати поточний маршрут в його titleпроп? <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' …

180 reactjs  react-router  react-router-v4 

Я використовую React і Redux для розробки веб-сайту, і коли я запустив свій проект, я зрозумів: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Я багато шукав, як її вирішити, але жодна із знайдених відповідей мені не допомогла, тому я звернувся …

168 javascript  reactjs  react-router  eslint 

Може хтось пояснить різницю між <Route exact path="/" component={Home} /> і <Route path="/" component={Home} /> Я не знаю значення "точного"

162 reactjs  react-router  react-router-dom 

Маршрутизатор React дозволяє реагувати додаткам для обробки /arbitrary/route. Для того, щоб це працювало, мені потрібен мій сервер, щоб надіслати додаток React будь-яким зібраним маршрутом. Але сервер розробників webpack не обробляє довільних кінцевих точок. Тут є рішення за допомогою додаткового експрес-сервера. Як дозволити веб-пакету-dev-серверу дозволити вхідні точки від react-router Але я …

148 reactjs  ecmascript-6  webpack  react-router 

Я використовую 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( <div> <Link to="ideas" …

137 javascript  reactjs  react-router 

Розглянемо наступне: 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> ]; У мене …

132 react-router