Reactjs 财产';onChange';不存在于类型';内在的颂词;FormItemProps';论蚂蚁设计
我正在将Reactjs 财产';onChange';不存在于类型';内在的颂词;FormItemProps';论蚂蚁设计,reactjs,typescript,next.js,antd,Reactjs,Typescript,Next.js,Antd,我正在将onChange、onFocus和onBlur传递到一个表单 <Form.Item name={[id]} rules={[{ type, required, ...rules }]} onChange={onChange} onFocus={() => setIsFocused(true)} onBlur={e => setIsFocused(!!e.target.value)}> {children} </Form.Item>
onChange
、onFocus
和onBlur
传递到一个表单
<Form.Item
name={[id]}
rules={[{ type, required, ...rules }]}
onChange={onChange}
onFocus={() => setIsFocused(true)}
onBlur={e => setIsFocused(!!e.target.value)}>
{children}
</Form.Item>
它适用于上述所有3种方法。如何解决这个问题?这不起作用,因为onChange、onFocus和onBlur不是Form.Item的道具。表单在内部管理表单的状态,使用方式如下:。如果您希望自己管理表单的状态,我建议您使用Ant Design的输入组件
Type error: Type '{ children: ReactNode; name: string[]; rules: any[]; onChange: (event: FormEvent<HTMLInputElement>) => void; onFocus: () => void; onBlur: (e: any) => void; }' is not assignable to type 'IntrinsicAttributes & FormItemProps'.
Property 'onChange' does not exist on type 'IntrinsicAttributes & FormItemProps'.
13 | name={[id]}
14 | rules={[{ type, required, ...rules }]}
> 15 | onChange={onChange}
| ^
16 | onFocus={() => setIsFocused(true)}
17 | onBlur={e => setIsFocused(!!e.target.value)}>
18 | {children}