Javascript 自定义Antd AutoComplete以对数据源和输入使用{children}

Javascript 自定义Antd AutoComplete以对数据源和输入使用{children},javascript,reactjs,antd,Javascript,Reactjs,Antd,使用{children}方法时,我可以自定义1)数据源和2)输入吗 医生说: 子项(用于自定义输入元素) 自定义输入元素 HTMLInputElement/HTMLTextAreaElement/React.ReactElement 子项(用于数据源) 自动完成的数据源 React.React元素/数组 我用一个或另一个,但不是两个都用。非常恼人的是没有渲染属性或类似的东西…如果您想同时使用这两种属性,可以编写如下代码: const results = dataSource.map(x =>

使用
{children}
方法时,我可以自定义1)数据源和2)输入吗

医生说:

子项(用于自定义输入元素)
自定义输入元素
HTMLInputElement/HTMLTextAreaElement/React.ReactElement

子项(用于数据源)
自动完成的数据源
React.React元素/数组


我用一个或另一个,但不是两个都用。非常恼人的是没有渲染属性或类似的东西…

如果您想同时使用这两种属性,可以编写如下代码:

const results = dataSource.map(x => (
  <Select.Option key={x} {/* props you want */}>{x}</Option>
))

<AutoComplete dataSource={results}>
  <Search placeholder="Search..." />
</AutoComplete>
constresults=dataSource.map(x=>(
{x}
))

数据源道具现在已被弃用(ant 4.2),并被选项道具取代。但是选项道具不能与一系列的工具配合使用。有什么建议吗?@ThomasStjernegaardJeppesen我对v4不太熟悉,但我想你可以用数组对象替换
的数组:
[{value:1},{value:2},{value:3}]
,我没有测试过,你能试一下吗?