Cuando configuro el valor predeterminado en el componente de selección de reacción, se reconoce y configura correctamente, pero no se resalta en el menú de selección.
<Select onChange={handleChange} options={options} styles={styles} defaultValue={defaultValue} />valor predeterminado seleccionado
Este es el valor predeterminado y es correcto:
{ "value": { "param_user": "TEST" }, "label": "TEST" }¿Quizás es porque el valor es un objeto?
¿Alguien tiene alguna sugerencia?
Tiene razón, el problema surge porque la implementación predeterminada de react-select verifica si la opción está seleccionada por referencia. Esto significa que si su opción predeterminada no proviene de la matriz de opciones en sí, no se mostrará como seleccionada. Afortunadamente, la biblioteca react-select le permite pasar un predicado que determina si se selecciona una opción. En tu caso:
const isOptionSelected = (option, selectValue) => selectValue.some( (val) => val.value.param_user === option.value.param_user ); <Select isOptionSelected={isOptionSelected} onChange={handleChange} options={options} styles={styles} defaultValue={defaultValue} />