练习 根据object数据自动生成form表单

要求

1. 使用umi框架创建一个项目引入antd组件实现如下功能。 框架
2. 根据下面的object中的formContent字段的值，动态生成如下图所示的界面
3. 并将paramJson字段的值显示到文本框中。
4. 点击[确定]按钮后可以修改paramJson字段中的数据。
5. [连接地址]需要检测输入是否符合规范

{
    "paramJson": {
        "password": "123456",
        "port": "24",
        "addr": "192.168.0.1",
        "userName": "admin"
    },
    "formContent": "[{\"label\":\"连接地址\",\"defaultValue\":\"192.168.0.1\",\"field\":\"addr\",\"type\":\"string\",\"required\":\"true\"},{\"label\":\"端口号\",\"defaultValue\":\"21\",\"field\":\"port\",\"type\":\"string\",\"required\":\"true\"},{\"label\":\"用户名\",\"defaultValue\":\"user\",\"field\":\"userName\",\"type\":\"string\",\"required\":\"true\"},{\"label\":\"密码\",\"defaultValue\":\"password\",\"field\":\"password\",\"type\":\"string\",\"required\":\"true\"}]"
}