默认搜索在循环中使用时不能与select一起使用
问题描述:
如果我在循环中使用带模式倍数的select,则默认搜索不起作用。其他所有工作正常。我的代码有什么问题?默认搜索在循环中使用时不能与select一起使用
for (let i = 0; i < items.length; i++) {
<Select
mode="multiple"
size={'large'}
style={{ width: '100%' }}
placeholder={<Icon type="search" style={{ fontSize: 13 }} />}
onChange={this.handleChange}
>
{this.createOptions(items[i].default_values)}
</Select>}
简言之expline - 我想创建一个不同的领域,如选择,输入等与来自JSON数据过滤块。在这种情况下,我需要基于数据迭代选择框和选项。有一件事我注意到迭代中的最后一个选择框按预期工作,所以我认为我需要将选项与适当的选择框或类似的方法绑定在一起,但我不知道如何执行此操作。
答
我想你需要什么环路是<options />
标签,而不是<Select />
<Select
mode="multiple"
size={'large'}
style={{ width: '100%' }}
placeholder={<Icon type="search" style={{ fontSize: 13 }} />}
onChange={this.handleChange}
>
for (let i = 0; i < items.length; i++) {
return this.createOptions(items[i].default_values)
}
</Select>
首先感谢您的回复,我想创建与像选择,输入等不同领域的过滤块来自JSON数据。在这种情况下,我需要基于数据迭代选择框和选项。有一件事我注意到迭代中的最后一个选择框按预期工作,所以我认为我需要将选项与适当的选择框或类似的方法绑定在一起,但我不知道如何执行此操作。为了您的信息,我已经使用这个函数循环和创建选项 - {this.createOptions(items [i] .default_values)} – Jaison
得到它,如果这是真的,我不认为你需要将选项绑定到选择,我认为这个问题可能超出了antd。把更多的代码可能会帮助 – Kossel
感谢您的答复,我想在这里做一个小提琴和更新。 – Jaison