用传统的script写法写上面一段代码
时间: 2023-12-17 22:25:02 浏览: 27
以下是使用传统的 `<script>` 标签写法实现上面的 TypeScript 代码:
```html
<!-- 引入 Ant Design UI 库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/antd/4.15.2/antd.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/antd/4.15.2/antd.min.css" />
<script>
// 定义 submitForm 函数
const submitForm = async (formEl) => {
if (!formEl) return;
await formEl.validate((valid, fields) => {
if (valid) {
console.log('submit!');
} else {
console.log('error submit!', fields);
}
});
};
// 定义 resetForm 函数
const resetForm = (formEl) => {
if (!formEl) return;
formEl.resetFields();
};
</script>
```
需要注意的是,由于 TypeScript 是一种在编译时进行类型检查的语言,因此在使用传统的 `<script>` 标签写法时,需要手动添加类型注释,以便编辑器进行语法提示和类型检查。例如,在上面的代码中,可以添加以下类型注释:
```js
/**
* @param {FormInstance} formEl
*/
const submitForm = async (formEl) => {
// ...
};
/**
* @param {FormInstance} formEl
*/
const resetForm = (formEl) => {
// ...
};
```