通过会话存储进行路由器页面重定向反应

Question

我是React的新手，只想使用React-Router创建一条简单的路由，就像这样：

Route.js

如果没有会话令牌->重定向到Login.js

如果具有会话令牌->重定向到Dashboard.js

我的Route.js代码

import React from "react";
import { Router, Redirect } from 'react-router';
import Login from './Login';
import Dashboard from './Dashboard';

// Check if Session Exists
const sessionToken = sessionStorage.getItem("token");

function Routing() {

if (sessionToken !== null) {
    console.log(sessionToken);

    return (
      <Router>
        <Redirect to="/dashboard" component={Dashboard} />
      </Router>
    );
 }

else if (sessionToken === null) {
    alert("You are not in a session. please login");

    return (
       <Router>
          <Redirect to="/login" component={Login} />
       </Router>
    );
  }
}

export default Routing;

这不起作用，而是生成了“ TypeError：props.history未定义”。有人可以教我如何使用会话存储进行正确的React-Router页面重定向吗？预先感谢