打字初学者在这里。
我正在尝试将我现有的react项目转换为使用typescript。现在我把我的文件改成了tsx,得到了一堆我能修复的错误。但我被困在了一个我无法在线找到答案的类型上,用我自己的类型重载了第三个库类型。
例如,我对我的组件使用了ant设计,它在内部引入了自己的类型:
import React from 'react';
import { Select, Form } from 'antd';
import { AdvancedSelectPROPS, selectOptionItem } from '../types';
con
我有一个简单的登录表单,但是对于输入项tn的type: 'number'验证规则不起作用。即使我输入了一个数字,我也会在控制台中得到'tn' is not a valid number'。
import React from 'react';
import { Form, Input, Button, Checkbox } from 'antd';
import { UserOutlined, LockOutlined } from '@ant-design/icons';
我有一个Ant表单,数据是从API中获取的,我想以这种形式显示数据,我在ant <Input/>字段中设置了值支柱,就像<Input value = {value.project_name}/>一样,但是输入字段是空的。
value.project_name来自一个API。
为什么会发生这种情况?我读了,它说值是输入的内容值,它必须是字符串,在我的情况下,所有这些条件都满足,那么为什么我会得到这种意外的行为。
问题如何用value.project_name填充表单输入字段,这应该是Ant中的一个受控组件。请帮帮我做错了什么!
EditProjectForm.tsx
im
尝试将Formik和Yup与Antd一起使用,但仍停留在简单的错误上。我有下面列出的代码。电子邮件字段(输入)工作正常,但当我更改年龄字段(InputNumber)时,我在formik中得到错误:"TypeError:无法读取未定义的属性‘类型’“。С无法理解为什么会发生这种情况,以及我应该在哪里找到这个未定义的类型属性。尝试将type=number设置为“年龄”(InputNumber)无济于事--我得到了同样的错误。有谁知道如何在antd中使用Formik和Yup,并能提供帮助吗? import React from 'react';
import * as Re
在我的项目中,我有一个add表格,用来增加学校的细节。在这种形式中,我有ID字段,当输入长度=5时,需要在onChange中使用后端验证ID字段,无论该ID是否存在。
antd版本4.18.2
字段验证通过rules属性在Form.item中进行处理。
我使用validator函数来处理这个自定义验证。
状态值
const [idStatus, setIdStatus] = useState(false); // this value is get by API call.
const [validateStatus, setValidateStatus] = useState(