tengo un select para seleccionar una categoria a la hora de añadir un item a un crud con react (con firestore). Funciona bien si selecciono un valor distinto al que esta por defecto pero si dejo el valor por defecto, sin cambiarlo, no me coje el valor de la categoria. Debe ser porque para que el useState tome el valor del select lo hace en el evento onChange(), pero como al dejar el que esta por defecto no lanza el evento onChange() no me toma ningun valor.¿Se os ocurre alguna forma de solucionar esto? Este es el codigo relevante:
const [tareas, setTareas] = React.useState([])
const [tarea, setTarea] = React.useState('')
const [modoEdicion, setModoEdicion] = React.useState(false)
const [id, setId] = React.useState('')
const [categorias, setCategorias] = React.useState([])
const [categoria, setCategoria] = React.useState([])
...
<form onSubmit={modoEdicion ? handleUpdate : agregar}>
<input
type="text"
placeholder="Ingrese tarea"
className="form-control mb-2"
onChange={e => setTarea(e.target.value)}
value={tarea}
/>
<select onChange={c => setCategoria(c.target.value)} value={categoria}>
{
categorias.map(item2 => (
<option value={item2.nombre}>{item2.nombre}</option>
))
}
</select>
<button
className={
modoEdicion ? 'btn btn-warning btn-block' : 'btn btn-dark btn-block'
}
type="submit"
>
{
modoEdicion ? 'Editar' : 'Agregar'
}
</button>
</form>