Чтобы получить значение из поля ввода в React, вы можете использовать хук useStateвместе с событием onChange. Вот пример:

import React, { useState } from 'react';
function MyComponent() {
  const [inputValue, setInputValue] = useState('');
  const handleChange = (event) => {
    setInputValue(event.target.value);
  };
  return (
    <input type="text" value={inputValue} onChange={handleChange} />
  );
}

В приведенном выше примере мы используем хук useStateдля создания переменной состояния inputValueи функции setInputValueдля ее обновления. Начальное значение inputValue— пустая строка ''. Затем мы связываем свойство valueэлемента ввода с inputValueи событие onChangeс функцией handleChange.

Когда пользователь вводит текст в поле ввода, срабатывает событие onChangeи вызывается функция handleChange. Он обновляет состояние inputValueновым значением, введенным пользователем.

Используя этот подход, вы можете легко получить значение из поля ввода в вашем компоненте React.