React 18的Transition新特性有哪些要点？

本文共计1909个文字，预计阅读时间需要8分钟。

React 18 新特性 Transition 概述，简单介绍新 API：startTransition 和新 hooks：useTransition 及 usedeferredValue 的使用方法，希望对大家有所帮助！

本篇文章带大家了解一下react18的新概念Transition，简单介绍一下新API：startTransition和新hooks：useTransition和usedeferredValue的使用方法，希望对大家有所帮助！

React 18中，引入了一个新概念——transition，由此带来了一个新的API——startTransition和两个新的hooks——useTransition和usedeferredValue，本文由此展开使用尝鲜介绍。

1. 总览

本文分为4部分进行：

• tansition 产生初衷
• startTransition 使用和介绍
• useTransition 使用和介绍
• useDeferredValue 使用和介绍

2. transition产生初衷

transtion 直接翻译为 过渡。tansition本质上是为了解决渲染并发问题所提出。在React中一旦组件状态改变并触发了重新渲染，则无法停止渲染。