@francis_schuster
В React.js при клике на элемент можно применить класс следующим образом:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
import { useState } from 'react'; function MyComponent() { const [active, setActive] = useState(false); function handleClick() { setActive(!active); } return ( <div className={active ? 'active' : ''} onClick={handleClick} > Click me </div> ); } |
В этом примере при клике на элемент <div>
состояние active
переключается между true
и false
, а класс active
добавляется или удаляется из элемента в зависимости от состояния active
.