Hola a todos, básicamente estoy usando la biblioteca react-select para ayudar a optimizar algunos componentes seleccionados que estoy usando en mi aplicación. Estoy usando el estado para realizar un seguimiento de los cambios entre los valores. Estoy tomando este valor, así como otros, y estoy enviando un formulario a firebase. El problema que tengo es cuando intento cargar y editar los datos. Actualmente estoy cargando los datos de campo de firebase y configurando el estado actual para que los componentes del formulario muestren los valores de firebase y se puedan editar. Al hacer esto, los datos se cargan bien en los campos de texto, pero el componente de selección no. Puedo ver el valor que se pasa, pero el componente de selección no reconoce que el valor debe cargarse como la opción seleccionada actualmente. Alguien ha tenido un problema similar?
const [make, setMake] = useState(""); const carMakeOptions = [value: "ford", label: "Ford" value: "toyota", label: "Toyota" ...........] <Select defaultValue={make} defaultInputValue={make} options={carMakeOptions} onChange={(e) => {setMake(e.value)}}>Cargando datos de Firebase y restableciendo el estado aquí:
setMake(carDocSnap.data().make);