日常小记(一)

最新推荐文章于 2025-11-23 13:42:54 发布

原创最新推荐文章于 2025-11-23 13:42:54 发布 · 130 阅读

0 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了在TypeScript中使用antd的Form组件时遇到的问题：无法在组件中获取props。通过分析发现，这是由于Form.create是一个高阶组件导致的。文章提供了具体的代码示例，展示了如何正确地定义组件属性并使用Form.create进行组件包装。

在TypeScript中使用antd的form表单

问题:在组件中无法获取props
结论:因为form.create是个高阶组件

import React from 'react'
import { Form} from 'antd'
import { FormComponentProps } from 'antd/es/form';

interface Props {
  example: string
}

class  Example extends React.Component<Props & FormComponentProps> {
   render(){
     ...
   }
}
export default Form.create<Props & FormComponentProps>()(Example)