Initialiser un SELECT multiple avec deux valeurs
Bonjour,
je ne sais pas si le problème vient de react ou du html , donc je poste sur le forum react !
En m'inspirant de ce modèle, j'ai crée un champ select multiple en react:
Code:
1
2
3
4
5
6
7
8
9
10
|
<select value={this.props.multiple ? this.state.selectOptions : this.state.type }
onChange={this.handleChange}
id={this.props.tableName}
className="w-50"
multiple={this.props.multiple}>
{this.state.options.map( (value,key) => {
return <option key={key} value={value[0]}>{value[1]}</option>
})}
</select> |
qui fonctionne "presque comme il faut".
je m'en sers dans un formulaire pour enregistrer des données et tout se passe bien: le selectOtions est vide
Mais je m'en sers aussi pour modifier des données: le formulaire est initalisé avec les données récupérées après une requête.
Du coup, il est censé afficher ( en grisé ) ce qui est déjà dans la BDD: mon selectOptions contient des données.
Ces données sont sous forme de tableau (j'ai cru comprendre que ça fonctionnait comme ça).
si ce tableau contient seulement un élément, tout va bien l'option correspondante s'affiche en gris.
Mais si j'ai plusieurs éléments dans le tableau alors rien n'est grisé.
Je commence à tourner en rond...
Si vous avez une idée pour me faire avancer, je vous remercie,
Laurent
