Opción de formulario:
<Form.Group className="mb-3"> <Form.Select as="select" onChange={(e) => { setCodigos(e.target.value); }} > <option value="">Código de Manutenção</option> {dataCodigos.map((doc) => ( <option key={doc.id} value={`${doc.codigo} - ${doc.observacoes}`} > {`${doc.codigo} - ${ doc.observacoes ? doc.observacoes : "Sem Observação" }`} </option> ))} </Form.Select> </Form.Group>Mapeo las opciones de firebase, y quiero guardar doc.codigo y doc.observacoes por separado. De esta manera guardo los datos juntos.
value={`${doc.codigo} - ${doc.observacoes}`} setCodigos(e.target.value)El evento onChange necesita usar el método de división. A continuación se muestra el código
<select className="form-control form-control-sm" onChange={(e) => { var arr = e.target.value.split("-"); setCodigos({codigo: arr[0],observacoes: arr[1]}); }} >