Как значение из инпута передать в переменную react?

Question

[Nero_077]

Создавал приложение о погоде. Как значение из инпута передать в переменную city? Что бы подставить city в апи и получать данные о погоде.

Comments

[0xD34F]

3.8

[Вадим]

либо сохранять в стэйт по событию изменения инпута, либо через ref

Answer 1

[naruto_virtual_dom]

Сначала через хук useState создать состояние и функцию которая его меняет
потом прописать состояние и слушатель onChange в инпуте, потом в онклике брать значение
образно:
[city,setCity] = useState('город по умолчанию') (хуки обязаны быть на самом высоком уровне функции вроде как)
потом в инпуте
< input value={city} onChange={(e)=>setCity(e.target.value)} />
ну и в онклик просто fetch($`....{city}...`)

Answer 2

[ka-terok]

Я бы тоже рекомендовала использовать useState или useRef. Можно еще присвоить id

<input id="id" />

В функции клика найти

const input = document.getElementById("id");
const city = input?.value 
или 
const city = input && input.value