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

How to run a landing page with one section using ReactJS?