为了账号安全,请及时绑定邮箱和手机立即绑定

antd AutoComplete组件dataSource属性传入参数类型不匹配问题

antd AutoComplete组件dataSource属性传入参数类型不匹配问题

慕婉清6462132 2018-08-23 20:37:56
typescript使用antd时,websiteOptions赋值了一个调用map()方法的返回值,在组件AutoComplete上使用是报错:不能将类型“void[]”分配给类型“DataSourceItemType[] | undefined”。这类应该是map()赋值给websiteOptions,类型时void[]但是组件dataSource可的值的类型应该是DataSourceItemType[] || undefined这里应该如何处理?const websiteOptions = autoCompleteResult.map(website => {             <AutoCompleteOption key={website}>{website}</AutoCompleteOption>         })    <AutoComplete          dataSource={ websiteOptions } // 不能将类型“void[]”分配给类型“DataSourceItemType[] | undefined”。        onChange={this.handleWebsiteChange}         placeholder="网址">
查看完整描述

2 回答

?
蝴蝶刀刀

TA贡献1801条经验 获得超8个赞

已解决,const websiteOptions = autoCompleteResult.map(website => {

        <AutoCompleteOption key={website}>{website}</AutoCompleteOption>
    })
   应改成:
   const websiteOptions = autoCompleteResult.map(website => (        <AutoCompleteOption key={website}>{website}</AutoCompleteOption>
    ))
    
    因为箭头函数没有默认return


查看完整回答
反对 回复 2018-08-26
?
一只斗牛犬

TA贡献1784条经验 获得超2个赞

试试Map出来以后单独做一个外层函数完成void[]DataSourceItemType[]的转换?

查看完整回答
反对 回复 2018-08-26
  • 2 回答
  • 0 关注
  • 3277 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信