Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用ReactJS运行包含一个部分的登录页?_Javascript_Reactjs_Routing_React Router_Dashboard - Fatal编程技术网

Javascript 如何使用ReactJS运行包含一个部分的登录页?

Javascript 如何使用ReactJS运行包含一个部分的登录页?,javascript,reactjs,routing,react-router,dashboard,Javascript,Reactjs,Routing,React Router,Dashboard,我有一个登录表单,用户可以使用它访问仪表板。当我点击登陆页面上的一个按钮时,我希望应用程序重定向到登录表单 例如,如何使用localhost:5000运行它 如果我理解得很好,你必须使用道具中的历史对象 例如,无状态组件: const LandingPage = ({ history }) => { return <button onClick={() => history.push('/login')}>Login</button> }; 显然,你必须

我有一个登录表单,用户可以使用它访问仪表板。当我点击登陆页面上的一个按钮时,我希望应用程序重定向到登录表单


例如,如何使用localhost:5000运行它

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

例如,无状态组件:

const LandingPage = ({ history }) => {
  return <button onClick={() => history.push('/login')}>Login</button> };
显然,你必须有一条有效的路线

例如,在App.jsx中:

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

@IIya我可以用它来做反应吗?@CodeLover当然可以。但策略不同。在后端node.js上创建一个路由,用于接受来自前端react.js的POST请求。换句话说,通过单击Login按钮,您正在向后端“/Login”路由发出AJAX请求。查看axios库中的请求。