如果未通过身份验证，则从子级路由重定向到父级

Question

如果用户未通过身份验证，我正在尝试将其重定向到根URL：

import React from 'react';
import { Route, IndexRoute } from 'react-router';
import App from './components/App';
import LoginPage from './components/login/LoginPage';
import DashboardPage from './components/dashboard/DashboardPage';
import { Redirect } from 'react-router-dom';

export default (
  <Route path='/' component={App}>
    <IndexRoute component={LoginPage} />
    <Route
      path='/dashboard'
      render={props => (
        isAuthenticated() ?
          <DashboardPage {...props} /> :
          <Redirect to='/' />
      )}
    />
  </Route>
);

我理解为什么这个示例不起作用-App组件期望嵌套嵌套组件的“ children”道具，但是却渲染了它们。我不明白的是如果尝试导航到isAuthenticated时/dashboard返回false时如何实现重定向-使用component={...}不起作用。