如何使用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} />