Como pegar valor de input com React JS

React JS é uma biblioteca JavaScript usada para construir interfaces de usuário interativas. Ao trabalhar com formulários em React, é comum precisar pegar o valor de um input do usuário para realizar alguma ação.

Para pegar o valor de um input com React, podemos usar o estado (state) para armazenar e atualizar o valor do input. O estado é uma parte fundamental do React que nos permite armazenar e manipular os dados de um componente.

Aqui está um exemplo de como pegar o valor de um input com React JS:

“`javascript
import React, { useState } from ‘react’;

function InputValue() {
const [inputValue, setInputValue] = useState(”);

const handleInputChange = (event) => {
setInputValue(event.target.value);
}

return (

);
}

export default InputValue;
“`

Neste exemplo, usamos o useState hook para criar uma variável de estado chamada inputValue e um método chamado setInputValue para atualizar o valor do input. Em seguida, usamos o método onChange para chamar a função handleInputChange sempre que o valor do input é alterado. A função handleInputChange atualiza o estado inputValue com o valor do input.

Dessa forma, temos um componente de input que armazena e exibe o valor inserido pelo usuário. Esse valor pode ser acessado e utilizado em outras partes do aplicativo.

Espero que este exemplo seja útil para você ao trabalhar com inputs em React JS. Se tiver alguma dúvida ou sugestão, fique à vontade para compartilhar nos comentários. Obrigado por ler!