繁体   English   中英

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

[英]How to set the initial value for Mutlti Select in FormItem in ANTD

我正在尝试为多选下拉菜单设置 (initialValue) defaultValue。 不幸的是,select 文本框中没有设置任何项目。 我已确保我的文本和值是字符串类型,下面是代码。 我试过: 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>

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

string | string[]
number | number[]
LabeledValue | LabeledValue[]
const [defaultsites, setDefaultSites] = useState([38,40]);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM