如何使用ReactJS在一个区域中运行着陆页？

Question

我有一个登录表单，用户可用来访问仪表板。我想在登录页面（.html）上单击一个按钮时，应用程序重定向到登录表单！

例如，如何使用localhost：5000运行它？

Answer 1

如果我理解得很好，则必须使用道具中的历史对象。

例如无状态组件：

const LandingPage = ({ history }) => {
  return <button onClick={() => history.push('/login')}>Login</button> };

显然，您必须有一条有效的路线。

例如在App.jsx中：

<Route path="/login" exact component={Login} />