Bom dia, tenho alguns campos do tipo hidden que são preenchidos no useEffect. Estou com dificuldade para enviá-los junto os demais valores no processo de salvamento. Segue o código:
function LancamentoEstagiario() {
const { id } = useParams();
const initialValue = {
id: null,
estagiario: null,
mesLancamento: '',
anoLancamento: '',
dataInicioUnidade: '',
dataDesligamentoUnidade: '',
turmaEstagio: '',
nomeAlunoEspecial: '',
observacao: ''
}
const [values, setValues] = useState(initialValue);
const [estagiarioLoaded, setEstagiario] = useState();
const [mes, setMes] = useState();
const [ano, setAno] = useState();
const service = new LancamentoEstagiarioService();
const serviceEstagiario = new EstagiarioService();
useEffect(() => {
if(id){
async function loadEstagiario() {
const response = await serviceEstagiario.obterPorId(id);
setEstagiario(response.data);
}
loadEstagiario();
}
let dataLancamento = LocalStorageService.obterItem('data_lancamento');
let dateConverted = new Date(dataLancamento);
let month = dateConverted.getUTCMonth() + 1;
let year = dateConverted.getUTCFullYear();
console.log('Data', month + 1, year);
setMes(month);
setAno(year);
}, []);
function onChange(e) {
const {name, value} = e.target;
setValues({...values, [name]: value})
}
const cadastrar = () => {
service.salvar(values)
.then(() => {
mensagemSucesso('Lançamento salvo com sucesso')
}).catch(error => {
mensagemErro(error.response.data.message)
})
}
return(
<Container className="mt-4">
<Card title="Cadastrar/Editar Lançamentos de Estagiários">
<Form>
<input type="hidden"
className="form-control"
placeholder="M"
id="estagiario"
name="estagiario"
value={estagiarioLoaded}
onChange={onChange} />
<input type="hidden"
className="form-control"
placeholder="M"
id="mesLancamento"
name="mesLancamento"
value={mes}
onChange={onChange} />
<input type="hidden"
className="form-control"
placeholder="M"
id="anoLancamento"
name="anoLancamento"
value={ano}
onChange={onChange} />
<Row>
<Col xl={3} lg={6}>
<label className="col-form-label" htmlFor="dataInicioUnidade">Data de Início na Unidade:</label>
<input type="date"
className="form-control"
id="dataInicioUnidade"
name="dataInicioUnidade"
value={values.dataInicioUnidade}
onChange={onChange}></input>
</Col>
<Col xl={3} lg={6}>
<label className="col-form-label" htmlFor="dataDesligamentoUnidade">Data de Desligamento da Unidade:</label>
<input type="date"
className="form-control"
id="dataDesligamentoUnidade"
name="dataDesligamentoUnidade"
value={values.dataDesligamentoUnidade}
onChange={onChange}></input>
</Col>
</Row>
<Row>
<Col md={1}>
<button type="button" onClick={cadastrar} className="btn btn-primary"> Salvar </button>
</Col>
</Row>
</Form>
</Card>
</Container>
);
}
export default LancamentoEstagiario
Os campos são estagiario, mesLancamento e anoLancamento. Os demais campos são capturados no onChange mas como não é feito o onChange neles, não funciona.
Preciso inserir os três valores dentro de values.
Desde já, obrigado.
service.salvar
...