不写一行代码（包括：js、css、请求方法等）直接通过中文描述能不能让chatGPT把react的组件写了？
答案是可以的。下面介绍一个实战案例。
完整对话url : 点击查看
功能说明：
账号在进行敏感操作时，为了验证是本人，而不是盗号。需要用户在收到的手机url 上点击确认授权。
下面就是开发的h5页面。
主要逻辑在提示的状态：未授权，已授权，链接过期三种状态。需要调用接口判断。
已授权是可点击的（需要调用接口）。下面我们用chatGPT来实现一下。
（下图是chatGPT实现的效果）
指令：（这条指令不单单完成了功能，还写了UI）
要求：使用react + antd mobile+ less+ alita，创建一个页面组件。
页面逻辑如下
1. import {confirmAuthorization, getPageStatus } from "@/services/loginVerification"; // 引入接口路径
2. 进入页面后调用 getPageStatus 接口，判断页面状态，显示对应的文本信息
3. 点击[授权通过(如非本人请勿点击)]按钮后，调用 confirmAuthorization 接口，判断返回值，如果成功就显示您已授权通过，否则显示无效的访问！！
4. 进入当前页面的路由及参数：https://www.xxx.com?authKey=[32位字符串]
页面UI布局要求如下（整个页面padding为20px,下面每行间距为10px）：
第一行文本（文本样式：红色，加粗）：XXX安全验证
第二行文本（文本样式：缩进）：您的XXX账号当前正在执行高危或敏感操作，需要您亲自授权通过！，
第三行文本（右对齐）：通过 getPageStatus 接口返回的data状态显示不同的文本信息。未授权时为蓝色（(页面信息：[授权通过(如非本人请勿点击)]按钮)），已过期为红色（页面信息：无效的访问！！），已授权为绿色（（页面信息：您已授权通过））
接口一：getPageStatus 获取页面状态
入参：
{
authKey:string, // 从url中获取
}
出参：
{
code:0, // 0 成功
data:number // 页面状态：0 未授权， 1 已过期， 2 已授权
}
接口二：confirmAuthorization 确认授权
入参：
{
authKey:string // 从url中获取
}
出参：
{
code:0, // 0 成功
data:boolean // true 成功， false 失败
}
ChatGPT超神之路免费文档(底部二维码进微信群交流)：bwiny5w2svt.feishu.cn/wiki/wikcna…
