Я только выучил новый для себя хук useState и у меня есть проблема...
Сейчас полетят тухлые помидоры в экран но я поставил себе задачу и не могу ёё решить.
Суть: есть обычное поле input в которое пользователь должен вводить кокой либо текст и после нажатия на кнопку текст должен отобразится на экране ( типо todo list ).
Проблема: Я посмотрел пару видео о даном хуке но научился я только самого банального ( делать счетчик и все по сути )
На даном примере кода я начал разработку задуманого но незнаю как присобачить веденное с инпута в переменную состояния хука "state, input"
Я не знаю что делать но я не понимаю логики хука, просьба не писать чтобы я внимательно читал документацию так как уже читал ее по несколько раз
import React, { useState } from 'react'
function App() {
const [state, setState] = useState([])
const [input, setInput] = useState('')
function handleClick() {
setState([...state, input])
}
return (
<div>
<input value={input} onChange={setState} />
<button className="btn" onClick={handleClick}>Touch</button>
<div>
{
state.map()
}
</div>
</div>
)
}
export default App