如何在ANTD的FormItem中设置Mutlti Select的初始值答案

【问题标题】：How to set the initial value for Mutlti Select in FormItem in ANTD如何在ANTD的FormItem中设置Mutlti Select的初始值
【发布时间】：2021-05-25 07:01:55
【问题描述】：

我正在尝试为多选下拉菜单设置 (initialValue) defaultValue。不幸的是，选择文本框中没有设置任何项目。我已确保我的文本和值是字符串类型下面是代码。我试过了：https://github.com/ant-design/ant-design/issues/5226

 const [defaultsites, setDefaultSites] = useState([{id:'38', name:'BNE'},{id:'40', name:'Test'}]);

<Form.Item label='Sites' hasFeedback>
    {getFieldDecorator('sites', {
        intialValue: defaultsites,
        valuePropName: 'option',
        rules: [{
            required: true,
            message: 'Please select atleast one site'
        }],
    })(
        <Select
            mode="multiple"
            style={{ width: '100%' }}
            placeholder="Select atleast one site"
            defaultActiveFirstOption={true}
            onChange={handleSelectSiteChange}>

            {siteItems.map((names, index) => (
                <Option key={index} value={names.id}>
                    {names.name}
                </Option>
            ))}
        </Select>
    )}
 </Form.Item>

【问题讨论】：

标签： javascript reactjs antd

【解决方案1】：

您的默认站点必须输入以下内容：

string | string[]
number | number[]
LabeledValue | LabeledValue[]

const [defaultsites, setDefaultSites] = useState([38,40]);

【讨论】：