react+antdpro+ts实现企业级项目四：注册页面实现及useEmotionCss的介绍

最新推荐文章于 2024-06-18 17:59:54 发布

风度不想说话

最新推荐文章于 2024-06-18 17:59:54 发布

阅读量1.6k

点赞数

分类专栏： react+ts+antdpro实现企业级项目文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/fanyao4144/article/details/129433701

版权

创建文件路径并注册register路由

在pages/User下创建Register文件夹并创建index.tsx文件

然后在config/routes创建register注册路由。注册完后，当在登陆页面点击注册按钮时就可以跳转到此注册页面而不会报404了。

export default [
  {
    path: '/user',
    layout: false,
    routes: [
      {name: '登录', path: '/user/login', component: './User/Login'},
      {name: '注册', path: '/user/register', component: './User/Register'}
    ],
  },
  ]

调用ProForm创建登陆页面

import Footer from '@/components/Footer';
import {login, register} from '@/services/ant-design-pro/api';
import {getFakeCaptcha} from '@/services/ant-design-pro/login';
import {
  AlipayCircleOutlined,
  LockOutlined,