본문 바로가기

이것저것 스터디📚/React - 공식 문서

React 공식문서 -startTransition

- startTransition은 UI를 차단하지 않고 state를 업데이트할 수 있다.

- 즉, startTransition 함수를 사용하면 state 업데이트를 트랜지션으로 표시할 수 있다.

import { startTransition } from 'react';

function TabContainer() {
  const [tab, setTab] = useState('about');

  function selectTab(nextTab) {
    startTransition(() => {
      setTab(nextTab);
    });
  }
  // ...
}

- startTransition은 트랜지션이 진행 중인지 여부를 추적하기 위한 isPending 플래그를 제공하지 않는다는 점을 제외하면 useTransition과 매우 유사하다.


* 참고 : React 공식문서(https://react-ko.dev/learn)