react-router- все статьи тега


React Router способен выполнять маршрутизацию только при запуске с корневого url-адреса

У меня есть приложение React, которое также использует Redux и ReactRouter. Моя проблема заключается в следующем: Когда я запускаю приложение и иду к корневому url, я обычно могу перемещаться внутри приложения, и маршруты в навигационной панели будут меняться по мере перемещения. Однако, если я наберу в навигационной панели любой url, отличный от корневого, я получу странную ошибку: Я действительно не понимаю, как можно получить такую ошибку. Если я пойду для localhost:1337/, а затем наж ...

React / Express - 'Unexpected token <' в вызове renderToString()

Я работаю над настройкой рендеринга на стороне сервера для моего приложения React / Express, но я сталкиваюсь с синтаксической ошибкой, связанной с вызовом react-dom/server renderToString() Метод. Я свободно следую этому учебнику - http://crypt.codemancers.com/posts/2016-09-16-react-server-side-rendering/ index.js (Express app root): 'use strict' require('babel-register')({ presets: ['es2015', 'react'] }); const express = require('express') const path = require('path') const app = expr ...

ReactJS-как я могу реализовать разбиение на страницы для react с сохранением состояния при изменении маршрута?

У меня есть приложение react, я использую react-router V. 4 и использую pagination от Jason. http://jasonwatmore.com/post/2017/03/14/react-pagination-example-with-logic-like-google Все работает нормально. Во всяком случае, когда я изменяю маршрут, а затем изменяю маршрут обратно, разбиение на страницы меняет текущую страницу обратно на страницу 1. Как сохранить состояние страницы при изменении маршрута? ...

Программно перемещаться, используя реагировать маршрутизатор

С react-router можно использовать Link элемент для создания ссылок, которые изначально обрабатываются маршрутизатором react. Я вижу внутренне он вызывает this.context.transitionTo(...). Я хочу сделать навигацию, но не по ссылке, например, из выпадающего списка. Как я могу сделать это в коде? Что такое this.context? Я видел Navigation mixin, но могу ли я сделать это без миксинов? ...

Как получить значение параметра из строки запроса

как я могу определить маршрут в моих маршрутах.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}> ...

Вложенные маршруты с маршрутизатором react V4

в настоящее время я борюсь с маршрутами вложенности с помощью react router v4. самым близким примером была конфигурация маршрута в React-Router V4 документация. Я хочу разделить мое приложение на 2 разных части. интерфейс и админка. Я думал о чем-то вроде этого: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> </Match> <Match pattern="/admin" component={Backend}> &lt ...

Как разрешить webpack-dev-server разрешать точки входа из react-router

Я создаю приложение, которое использует webpack-dev-server в разработке вместе с react-router. кажется, что webpack-dev-server построен вокруг предположения, что у вас будет общедоступная точка входа в одном месте (т. е."/"), тогда как react-router позволяет использовать неограниченное количество точек входа. Я хочу воспользоваться преимуществами webpack-dev-сервера, особенно функцией горячей перезагрузки, которая отлично подходит для производительности, но я все еще хочу иметь возможность заг ...

Маршрутизация клиента (с помощью react-router) и маршрутизация на стороне сервера

Я думал, и я запутался с маршрутизацией между клиентом и сервером. Предположим, что я использую ReactJS для рендеринга на стороне сервера перед отправкой запроса обратно в веб-браузер и использую react-router в качестве маршрутизации на стороне клиента для переключения между страницами без обновления как SPA. что приходит на ум, это: как интерпретируются маршруты? Например, запрос с домашней страницы (/home) на страницу сообщений (/posts) причем тут маршрутизация перейти, на стороне сервера и ...

React-Router: какова цель IndexRoute?

Я не понимаю, что цель использования IndexRoute и IndexLink. Кажется, что в любом случае приведенный ниже код сначала выбрал бы компонент Home, Если бы не был активирован путь About. <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> в чем преимуществ ...

React - элемент ссылки начальной загрузки в navitem

у меня возникли некоторые проблемы с дизайном с помощью react-router и react-bootstrap. ниже приведен фрагмент кода import { Route, RouteHandler, Link } from 'react-router'; import AuthService from '../services/AuthService' import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from 'react-bootstrap'; <Nav pullRight> <NavItem eventKey={1}> <Link to="home">Home</Link> </NavItem> <NavItem eventKey={2}> <Link to ...