星期
React之踩坑篇
首页 > 我的学习历程    作者:月丶   2018年6月30日 23:20 星期六   热度:2178°   百度已收录  
时间:2018-6-30 23:20   热度:2178° 

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





二维码加载中...
本文作者:月丶      文章标题: React之踩坑篇
本文地址:http://silver.eleuu.com/?post=11
版权声明:若无注明,本文皆为“月丶”原创,转载请保留文章出处。

返回顶部    手机版本    会员注册   
版权所有:月丶    博主: 月丶    团队首页电子乌托邦  博客框架:emlog   蜀ICP备18008322号   
  
//音乐播放器