La recherche par défaut ne fonctionne pas avec sélectionner lors de l'utilisation dans une boucle

Question

La recherche par défaut ne fonctionne pas si j'utilise select avec le mode multiple dans une boucle. autre tout fonctionne bien. quelque chose ne va pas avec mon code?

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

En bref expline - Je suis en train de créer un bloc de filtre avec différents champs tels que sélectionner, entrée etc avec à partir de données JSON. Dans ce scénario, j'ai besoin d'itérer à la fois la boîte de sélection et les options en fonction des données. Une chose que j'ai remarqué que la dernière boîte de sélection de l'itération fonctionne comme prévu, donc je pense que je dois lier les options avec une boîte de sélection appropriée ou des approches comme celle-ci, mais je ne sais pas comment faire.

Answer 1

Je pense que ce que vous devez boucle sont les <options /> balises, pas les <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>