2017-10-09 62 views
0

如果我在循环中使用带模式倍数的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数据过滤块。在这种情况下,我需要基于数据迭代选择框和选项。有一件事我注意到迭代中的最后一个选择框按预期工作,所以我认为我需要将选项与适当的选择框或类似的方法绑定在一起,但我不知道如何执行此操作。

回答

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> 
+0

首先感谢您的回复,我想创建与像选择,输入等不同领域的过滤块来自JSON数据。在这种情况下,我需要基于数据迭代选择框和选项。有一件事我注意到迭代中的最后一个选择框按预期工作,所以我认为我需要将选项与适当的选择框或类似的方法绑定在一起,但我不知道如何执行此操作。为了您的信息,我已经使用这个函数循环和创建选项 - {this.createOptions(items [i] .default_values)} – Jaison

+0

得到它,如果这是真的,我不认为你需要将选项绑定到选择,我认为这个问题可能超出了antd。把更多的代码可能会帮助 – Kossel

+0

感谢您的答复,我想在这里做一个小提琴和更新。 – Jaison

相关问题