Creé una selección desplegable con react-select . Importo algunos valores predeterminados con this.returnLayers (una matriz con parejas de valor/etiqueta) y agrego las posibles opciones del estado this.state.completeData .

Código:

 <SettingRow> <div className="selection"> <p>Sélectionner des couches</p> <Select defaultValue={this.returnLayers} isMulti name="layers" onChange={(e) => { this.getLayers(e, this.state.categName) }} className="basic-multi-select" classNamePrefix="select" options={this.state.completeData} /> </div> </SettingRow>

Todo funciona bien, hasta que intento eliminar uno de los valores predeterminados. Cuando hago clic en una de esas opciones, todos los valores predeterminados desaparecen. Sin embargo, los valores recién seleccionados permanecen.

Seguí exactamente el código de la documentación, por lo que realmente no entiendo qué podría estar mal. ¿Es imposible eliminar los valores predeterminados? ¿Hay una solución?