antd Form 组件使用 Select 组件设置 defaultValue 报错 defaultValue is invalid for getFieldDecorator ...

最新推荐文章于 2024-12-12 14:53:26 发布

原创

最新推荐文章于 2024-12-12 14:53:26 发布 · 2.2w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#antd

在使用 antd 的 Form 组件配合 Select 组件时，设置 defaultValue 出现错误。错误信息提示 defaultValue 不合法。通过查看代码发现错误原因并提供修正后的代码段，成功解决了此问题。

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

前言

日常积累，欢迎指正

问题描述

错误代码段

import * as React from 'react'
import {
   
    Card, Form, Select } from 'antd'
const Option = Select.Option
import {
   
    FormComponentProps } from 'antd/lib/form'

interface IState {
   
   

	// defaultCurrentLayerKey : any
}
interface IProps {
   
   
	/**
	 * 面板关闭触发
	 */
	onClose?: (currentCom) => void
}
interface IDisasterEvaluationFormProps extends FormComponentProps {
   
   

}
class ComForm extends React.Component<IDisasterEvaluationFormProps, IState> {
   
   
	constructor(props: IDisasterEvaluationFormProps) {
   
   
		super(props)
	}
	render() {
   
   
		const {
   
    getFieldDecorator } = this.props.form
		const formLayout = {
   
   
			labelCol: {
   
    span: 6 }, //  offset : 12
			wrapp