Счётчик кликов в useRef растёт, а на экране всё время ноль
function LikeButton() {
const clicks = useRef(0);
return (
<button onClick={() => { clicks.current += 1; }}>
Нравится: {clicks.current}
</button>
);
}
В отладчике clicks.current увеличивается, а на кнопке всегда «Нравится: 0». Почему?
- Изменение ref не заставляет React перерисовать компонент
- useRef сбрасывает значение в 0 при каждом рендере
- Внутри JSX нельзя читать свойство current
- Обработчик клика работает с копией ref, а не с оригиналом