Sobes.tech
Back to tasks
Junior — Senior
31

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

Get help with live coding in real time with Sobes Copilot
Task condition

Необходимо создать простейший способ принудительно вызвать повторный рендер компонента. Для этого используют хук 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);
  };
}, []);