React之踩坑篇
获取{Obj,Obj}对象的索引值,你可能不知道有个叫做findIdex的方法,const index = dataSource.findIndex(item => key === item.key);
antd: 如下,需要在 select 的 option 中同时使用到接收数据中的 id 及name,可使用labelInvalue
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="单位">
{form.getFieldDecorator('companyId', {
initialValue: {key: initialDate.companyId ? initialDate.companyId : ''}, //这里设置初始值为key:companyId
rules: [{ required: false, message: '请选择所属单位!' }],
})(
<Select
showSearch
placeholder="请选择"
style={{ width: '100%' }}
optionFilterProp="children"
labelInValue
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
>
{/* <Option key={'ALL'} value={'ALL'}>所有停车场</Option> */}
{ company && company.length > 0
? company.map(item => {
return <Option key={item['id']} value={item['id']}>{item['companyName']}</Option> //这里的companyName则为label
})
: ''
}
</Select>
)}
</FormItem>
下面为给后台传数据的例子:
companyId: fieldsValue.companyId.key,
companyName: fieldsValue.companyId.label,
相关文章