月丶
React之踩坑篇
2018-6-30 月丶


获取{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,























发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容