Discussion :

[Ushuango]

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 javsacript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[gwyohm]

hello,

Tu récuperes un tableau de tableaux dans state.options ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
{this.state.options.map( (value,key) => {
                        return <option key={key} value={value[0]}>{value[1]}</option>
                        })}

Tu peux nous mettre le composant en entier ?
Que contient state.selectOptions ? un tableau de tableau aussi ?