Почему добавление подчиненного маршрута выдает это предупреждение, когда у меня есть компонент

Question

  <Route path="/users/:userId" component={UserShow}>
    <Route path="/location/:locationId" component={LocationShow} />
  </Route>

Я вижу это предупреждение в моей хромированной консоли:

bundle.js:887 Warning: You should not use <Route component> and <Route
children> in the same route; <Route children> will be ignored

Если мне не нужно добавлять компонент в маршрут / user /: userId, где я должен добавить компонент UserShow?

Answer 1

Вложенные маршруты должны быть добавлены непосредственно в родительский компонент:

const UserShow = props => (
  <div>
    <div>User info</div>
    <Route path={`${props.match.url}/location/:locationId`} component={LocationShow} />
  </div>
);

<Route path="/users/:userId" component={UserShow} />

LocationShow будет отображаться только при совпадении пути /users/:userId/location/:locationId.