Назад к задачам
Junior — Senior
6

Как заставить React‑компонент обновиться принудительно

Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Необходимо создать простейший способ принудительно вызвать повторный рендер компонента. Для этого используют хук useState, а функция‑триггер вызывается без какой‑либо бизнес‑логики, лишь бы обновить UI.

const [cnt, setCnt] = useState(0);
const analyticsRef = useRef(0);
const [dummy, trigger] = useState(0);

const handleClick = () => {
  setCnt(s => {
    analyticsRef.current = s + 1;
    return s + 1;
  });
};

useEffect(() => {
  return () => {
    sendToAnalytics(analyticsRef.current);
  };
}, []);