在 app/page.tsx 中有一个手机登录的表单,fork 这个代码示例,用 React、TypeScript 完善代码并完成以下需求:
1.点击登录按钮模拟提交接口请求 1s 后成功并打印表单数据{ mobile: xxx, code: xxx }
2.表单中的 input 需要表单校验并提示错误。
3.getcode 按钮是否 disabled 取决于 mobile 填写是否满足表单校验规则。
4.按钮在接口提交过程中需要显示“submiting....”。
可以使用你觉得适合该需求的所有库,未提及的部分可以 freestyle,满足上诉四点需求即可。
完成后在笔试问卷中提供可运行的 github 仓库链接即可。
pnpm i & pnpm dev