typescript 中使用 antd Form 组件

最新推荐文章于 2022-08-11 16:44:34 发布

SarinaDu

最新推荐文章于 2022-08-11 16:44:34 发布

阅读量8.1k

点赞数 1

分类专栏： antd typescript 文章标签： antd typescript

本文链接：https://blog.youkuaiyun.com/m0_37148591/article/details/91537676

版权

本文详细介绍了在TypeScript环境中如何有效地使用antd库中的Form组件，结合官方文档，探讨了类型安全和组件交互的关键点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

日常积累，欢饮指正

正文

核心代码

import * as React from 'react'
import {
    Form, Select } from 'antd' 
import {
    FormComponentProps } from 'antd/lib/form'

const {
    Option } = Select

interface IState {
   
	...
}
interface IProps {
   

	map: any

	onClose?: (currentCom) => void

	viewConfig?: any
}

function DisasterEvaluation(props: IProps) {
   
	return (
		<div >
			<DisasterEvaluationFormApp map={
   props.map} view={
   props.viewConfig!.activeView} mapContainer={
   props.viewConfig!.container} />