は、サーバー上のルータに反応することは、私が使用するためにここに与えられた例を、以下のいた場所

Question

と一致していないルータ、サーバ側の反応：

https://github.com/ReactTraining/react-router/blob/v2.8.1/docs/guides/ServerRendering.md

はどういうわけか、この単純なルータの設定と一致して指定された場所と一致していません。

import React from "react" 
import ReactDOMServer from 'react-dom/server' 
import { Route, match, RouterContext, IndexRoute } from 'react-router' 

const sampleRoutes = (
    <Route path="/"> 
     <IndexRoute component={() => <span>index</span>}/> 
     <Route path="z1" component={() => <span>z1</span>} /> 
     <Route path="z2" component={() => <span>z2</span>} /> 
    </Route> 
) 

const render = location => { 
    match({sampleRoutes, location}, (error, redirectLocation, renderProps) => { 
     if (error) { 
      console.error("error: "+ error) 
     } else if (redirectLocation) { 
      console.error("redirect to " + redirectLocation) 
     } else if (renderProps) { 
      var page = ReactDOMServer.renderToStaticMarkup(<RouterContext {...renderProps} />) 
      console.log(page) 
     } else { 
      console.error("location nof found: '"+ location +"'") 
     } 
    }) 
} 

render("/z1") 

「ルートが見つかりません/ z1」がコンソールに表示されています。

Answer 1

matchは、（それがthis commentを参照してください、あなたのためのオブジェクトにあなたの<Route>秒に変換します）routesオブジェクトを期待していますが、<Router>要素とそれを提供します。試してみてください：

const sampleRoutes = (
    <Route path="/"> 
    <IndexRoute component={() => <span>index</span>}/> 
    <Route path="z1" component={() => <span>z1</span>} /> 
    <Route path="z2" component={() => <span>z2</span>} /> 
    </Route> 
) 

第二に、あなたはmatchに次のオブジェクトを渡しています

{sampleRoutes, location} 

に換算さ：あなたが本当にしたい場合は

{ sampleRoutes: sampleRoutes, location: location } 

：

{ routes: sampleRoutes, location }