при наведение на list
Происходит много перерендера, по идее же надо оптимизировать как то?
const [hovered, setHovered] = useState(false);
const handleHover = () => setHovered(!hovered);
<div
className={styles.list}
onMouseOver={handleHover}
onMouseOut={handleHover}
> ....
<div
onClick={handleModalConfirm}
className={styles.formBtnDelete}
style={{
display: !hovered ? none : flex,
}}
>
Если будешь использовать для этого css то будет оптимизация:)
Обсуждают сегодня