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}