- 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)
'이것저것 스터디📚 > React - 공식 문서' 카테고리의 다른 글
React 공식문서 -useLayoutEffect (0) | 2023.10.04 |
---|---|
React 공식문서 -useTransition (0) | 2023.10.04 |
React 공식문서 -forwardRef (0) | 2023.09.20 |
React 공식문서 -useRef (0) | 2023.09.20 |
React 공식문서 -lazy (0) | 2023.09.14 |