если я правильно понял любое изменение в UI должно происходит через state (изменился state, UI перерисовалось)... есть меню-бургер он меняется по клику с X на -- как тут использовать state? или тут вообще нету смысла использовать state?
const Burger = (props) => {
const [state, setState] = useState('')
const toggleHandler = (event) => {
event.target.classList.toggle('active')
}
return (
<div
className="my"
onClick={toggleHandler}
></div>
)
}
вот такое решение правильно или нету смысла
const Burger = (props) => {
const [isPressed, setPressed] = useState(false)
const toggleHandler = (event) => {
setPressed(!isPressed)
if(isPressed){
event.target.classList.add('active')
}
else{
event.target.classList.remove('active')
}
}
return (
<div
className="my"
onClick={toggleHandler}
></div>
)
}