在循环中使用时,默认搜索无法使用select

时间:2017-10-09 14:27:52

标签: antd

如果我在循环中使用select with mode multiple,则默认搜索不起作用。其他一切正常。我的代码有什么问题吗?

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>}

简要说明 - 我正在尝试使用JSON数据创建一个包含select,input等不同字段的过滤器块。在这种情况下,我需要根据数据迭代选择框和选项。有一件事我注意到迭代中的最后一个选择框按预期工作,所以我认为我需要将选项与适当的选择框或类似的方法绑定,但我不知道如何做到这一点。

1 个答案:

答案 0 :(得分:0)

我认为你需要循环的是<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>