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

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="网址">


慕婉清6462132
浏览 3279回答 2
2回答

蝴蝶刀刀

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

一只斗牛犬

试试Map出来以后单独做一个外层函数完成void[]到DataSourceItemType[]的转换?
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript