Neste tutorial, eu uso o componente baseado em classe react e suponho que você conheça o básico do react

Eu crio um formulário para te demonstrar e agora o código fica assim

Agora comece a parte lógica disso

1) Crie propriedade de estado para esses campos de entrada e vincule-os de volta aos elementos de entrada

Crie a propriedade do estado assim

construtor(props) {

super (adereços)

este .estado = {

// Escreva seu estado lebre

};};

Agora destrua-os e atribua seu valor ao método render como este

2) Adicione o manipulador on change para rastrear a alteração no valor de entrada

Quando o valor de entrada mudar, a função changeHandler será chamada

Defina o valor do estado

Implemente a função assim

3) Agora envie os dados deste formulário usando um manipulador de envio

Para isso, crio um botão de envio no formulário

Manipule os dados de envio do formulário por um submitHnadler como este

Agora implemente o submitHnadler e no submitHandler você tem que escrever esta linha “ e.preventDefault() ” para evitar a atualização da página

Feito agora, você pode fazer qualquer coisa com os dados, como enviar os dados para um banco de dados ou salvá-los no armazenamento local ou qualquer coisa

4) Envie dados para um banco de dados para axios

Primeiro importe axios por este “ import axios from 'axios' ”

Agora no submitHandler, fazemos o post request assim

Obrigado por ler isso, espero que isso ajude você em sua jornada React