Пример React-маршрутизатора не работает

Я пытаюсь запустить пример из https://github.com/ReactTraining/react-router/blob/master/packages/react-router-config/README.md#renderroutesroutes

Код на стороне сервера:

 router.get('/*', function(ctx, next) {
   const context = {};
   const initialState = {};
   const appStore = createAppStore(null, initialState);

   const appString = ReactDOMServer.renderToString(
    <Provider store={appStore} key="provider">
        <StaticRouter location={ctx.url} context={context}>
            {renderRoutes(routes)}
        </StaticRouter>
    </Provider>
   );
  ...

(маршруты - просто копипаст с примера страницы) после запроса на каком-то маршруте я всегда получаю домашнюю страницу

если я использую свои собственные маршруты

const routes =
[
  { path: '/',
    exact: true,
    component: Home
  },
  { path: '/about',
    component: About
  }
]

на обоих маршрутах я также получаю домашнюю страницу, нажмите «Ссылка не работает» и не регистрирует никаких ошибок

мой репозиторий: https://github.com/kirsanv43/react-universal-starter-kit/blob/master/src/server.js


person kirsanv43    schedule 27.03.2017    source источник
comment
пример reacttraining.com/react-router/web/example/basic   -  person zloctb    schedule 09.01.2019


Ответы (1)


Не знаю почему, но когда я копирую функцию renderRoutes из react-router-config в мой проект и используйте его, все отлично работает.

person kirsanv43    schedule 27.03.2017