Reactjs 无法添加重定向按钮

我一直在使用React.js模板开始学习它。在index.js上，它正在重定向到我的管理面板。我想在它被重定向之前添加一个登录注册页面，如果我这样做，我的所有路由和导入都需要更改，因此我尝试在同一页面上添加代码

这是我的index.js代码：

import React from "react";
import ReactDOM from "react-dom";

import { BrowserRouter, Route, Switch, Redirect } from "react-router-dom";

import "bootstrap/dist/css/bootstrap.min.css";
import "./assets/css/animate.min.css";
import "./assets/sass/light-bootstrap-dashboard-react.scss?v=1.3.0";
import "./assets/css/demo.css";
import "./assets/css/pe-icon-7-stroke.css";

import AdminLayout from "layouts/Admin.jsx";

ReactDOM.render(
  <BrowserRouter>
    <Switch>
      <Route path="/admin" render={props => <AdminLayout {...props} />} />
       // I WANT TO ADD BUTTON HERE SUCH THAT WHEN I CLICK ON THE BUTTON THEN IT GETS 
       REDIRECTED TO THE DASHBOARD
       <Redirect from="/" to="/admin/dashboard" /> 
    </Switch>
  </BrowserRouter>,
  document.getElementById("root")
);

从“React”导入React；
从“react dom”导入react dom；
从“react router dom”导入{BrowserRouter，Route，Switch，Redirect}；
导入“bootstrap/dist/css/bootstrap.min.css”；
导入“/assets/css/animate.min.css”；
导入“/assets/sass/light bootstrap dashboard react.scss？v=1.3.0”；
导入“/assets/css/demo.css”；
导入“/assets/css/pe-icon-7-stroke.css”；
从“layouts/Admin.jsx”导入AdminLayout；
ReactDOM.render(
} />
//我想在这里添加按钮，这样当我点击按钮时，它就会
已重定向到仪表板
,
document.getElementById（“根”）
);

---

我想添加一个按钮，这样当我点击按钮时，它就会被重定向到仪表板

您正在使用组件在path=“/admin”处进行渲染。。通过在AdminLayout中添加一个按钮，单击该按钮，然后使用

onClick(e) => {this.props.history.push("/admin/dashboard")}

如果您希望按钮在path=“/”时从该路径开始，则在该路径上呈现一些内容，就像一个组件，该组件将有一个按钮将您带到管理/仪表板

<Route path="/" render={props => <button onClick= {props.history.push("/admin/dashboard")}>Click me </button>} />

单击我}/>

您正在使用组件在path=“/admin”处进行渲染。。通过在AdminLayout中添加一个按钮，单击该按钮，然后使用

onClick(e) => {this.props.history.push("/admin/dashboard")}

如果您希望按钮在path=“/”时从该路径开始，则在该路径上呈现一些内容，就像一个组件，该组件将有一个按钮将您带到管理/仪表板

<Route path="/" render={props => <button onClick= {props.history.push("/admin/dashboard")}>Click me </button>} />

单击我}/>