From 8e99c7dc4636057b5e7f42516e2a08949d898c2f Mon Sep 17 00:00:00 2001 From: davont Date: Tue, 28 Mar 2023 03:30:30 +0800 Subject: [PATCH 01/14] docs(cn): translate the reference/react/startTransition page --- .../reference/react/startTransition.md | 47 ++++++++++--------- 1 file changed, 24 insertions(+), 23 deletions(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index 4773d77c7b..625fcdd2a9 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -1,10 +1,12 @@ --- title: startTransition +translators: + - Davont --- -`startTransition` lets you update the state without blocking the UI. +`startTransition` 可以让你在不阻塞 UI 的情况下更新 state。 ```js startTransition(scope) @@ -16,11 +18,11 @@ startTransition(scope) --- -## Reference {/*reference*/} +## 参考 {/*reference*/} ### `startTransition(scope)` {/*starttransitionscope*/} -The `startTransition` function lets you mark a state update as a transition. +`startTransition` 函数可以将 state 更新标记为 transition。 ```js {7,9} import { startTransition } from 'react'; @@ -37,37 +39,37 @@ function TabContainer() { } ``` -[See more examples below.](#usage) +[请看下面的更多例子。](#usage) -#### Parameters {/*parameters*/} +#### 参数 {/*parameters*/} -* `scope`: A function that updates some state by calling one or more [`set` functions.](/reference/react/useState#setstate) React immediately calls `scope` with no parameters and marks all state updates scheduled synchronously during the `scope` function call as transitions. They will be [non-blocking](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition) and [will not display unwanted loading indicators.](/reference/react/useTransition#preventing-unwanted-loading-indicators) +* `scope`: 一个调用一个或多个 [`set` 函数](/reference/react/useState#setstate) 来更新 state 的函数。React 会立即调用没有参数的 `scope`，并将在 `scope` 函数调用期间，调度所有的 state，同步更新标记为 transition。它们将是 [非阻塞的](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition)，并且[不会显示不想要的加载提示](/reference/react/useTransition#preventing-unwanted-loading-indicators)。 -#### Returns {/*returns*/} +#### 返回值 {/*returns*/} -`startTransition` does not return anything. +`startTransition` 不返回任何内容。 -#### Caveats {/*caveats*/} +#### 注意事项 {/*caveats*/} -* `startTransition` does not provide a way to track whether a transition is pending. To show a pending indicator while the transition is ongoing, you need [`useTransition`](/reference/react/useTransition) instead. +* `startTransition` 没有提供一种跟踪 transition 是否处于待定状态的方法。为了在 transition 进行时显示一个待定状态的指示器，你需要使用 [`useTransition`](/reference/react/useTransition)。 -* You can wrap an update into a transition only if you have access to the `set` function of that state. If you want to start a transition in response to some prop or a custom Hook return value, try [`useDeferredValue`](/reference/react/useDeferredValue) instead. +* 只有当你能访问某个 state 的 `set` 函数时，你才能将它的更新包裹到 transition 中。如果你想根据一些 prop 或自定义 Hook 的返回值来启动一个 transition，请尝试使用 [`useDeferredValue`](/reference/react/useDeferredValue)。 -* The function you pass to `startTransition` must be synchronous. React immediately executes this function, marking all state updates that happen while it executes as transitions. If you try to perform more state updates later (for example, in a timeout), they won't be marked as transitions. +* 你传递给 `startTransition` 的函数必须是同步的。React 会立即执行此函数，将其执行期间发生的所有 state 更新标记为 transition。如果你想试着稍后执行更多的 state 更新（例如，在超时中），它们不会被标记为转换。 -* A state update marked as a transition will be interrupted by other state updates. For example, if you update a chart component inside a transition, but then start typing into an input while the chart is in the middle of a re-render, React will restart the rendering work on the chart component after handling the input state update. +* 一个被标记为 transition 的 state 更新时将会被其他 state 更新打断。例如，如果你在 transition 内部更新图表组件，但在图表重新渲染时在输入框中打字，则 React 将先处理输入 state 更新，之后才会重新启动对图表组件的渲染工作。 -* Transition updates can't be used to control text inputs. +* Transition 更新不能用于控制文本输入。 -* If there are multiple ongoing transitions, React currently batches them together. This is a limitation that will likely be removed in a future release. +* 如果有多个正在进行的 transition，当前 React 会将它们集中在一起处理。这是一个限制，在未来的版本中可能会被移除。 --- -## Usage {/*usage*/} +## 使用方法 {/*usage*/} -### Marking a state update as a non-blocking transition {/*marking-a-state-update-as-a-non-blocking-transition*/} +### 将 state 更新标记为非阻塞 transition {/*marking-a-state-update-as-a-non-blocking-transition*/} -You can mark a state update as a *transition* by wrapping it in a `startTransition` call: +你可以通过将一个 state 包裹在 `startTransition` 回调中，将其更新标记为一个 *transition*： ```js {7,9} import { startTransition } from 'react'; @@ -83,15 +85,14 @@ function TabContainer() { // ... } ``` +Transition 可以让用户界面在慢速设备上保持更新响应。 -Transitions let you keep the user interface updates responsive even on slow devices. - -With a transition, your UI stays responsive in the middle of a re-render. For example, if the user clicks a tab but then change their mind and click another tab, they can do that without waiting for the first re-render to finish. +通过 transition，你的 UI 在重新渲染过程中保持响应。例如，如果用户单击一个选项卡后又改变主意并单击另一个选项卡，则可以在第一次重新渲染完成之前执行此操作而无需等待。 -`startTransition` is very similar to [`useTransition`](/reference/react/useTransition), except that it does not provide the `isPending` flag to track whether a transition is ongoing. You can call `startTransition` when `useTransition` is not available. For example, `startTransition` works outside components, such as from a data library. +`startTransition` 与 [`useTransition`](/reference/react/useTransition) 非常相似，但它不提供 `isPending` 标志来跟踪一个 transition 是否正在进行。你可以在 `useTransition` 不可用时调用 `startTransition`。例如，在组件外部（如从数据库中）使用 `startTransition` 。 -[Learn about transitions and see examples on the `useTransition` page.](/reference/react/useTransition) +[在 `useTransition` 页面上了解 transition 并查看示例。](/reference/react/useTransition) From 449328ff74dba40f7a2a6c0415de380f5b8d71ac Mon Sep 17 00:00:00 2001 From: davont Date: Tue, 28 Mar 2023 10:09:38 +0800 Subject: [PATCH 02/14] docs(cn): translate the reference/react/startTransition page --- .../reference/react/startTransition.md | 22 ++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index 625fcdd2a9..74d4b60490 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -43,7 +43,9 @@ function TabContainer() { #### 参数 {/*parameters*/} -* `scope`: 一个调用一个或多个 [`set` 函数](/reference/react/useState#setstate) 来更新 state 的函数。React 会立即调用没有参数的 `scope`，并将在 `scope` 函数调用期间，调度所有的 state，同步更新标记为 transition。它们将是 [非阻塞的](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition)，并且[不会显示不想要的加载提示](/reference/react/useTransition#preventing-unwanted-loading-indicators)。 +* `scope`: 一个调用一个或多个 [`set` 函数](/reference/react/useState#setstate) 来更新 state 的函数。React 会立即调用没有参数的 `scope`，并将在 `scope` 函数调用期间，调度所有的 state，同步更新标记为 transition。它们将是 [非阻塞的](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition)，并且 [不会显示不想要的加载提示](/reference/react/useTransition#preventing-unwanted-loading-indicators)。 + + #### 返回值 {/*returns*/} @@ -53,22 +55,33 @@ function TabContainer() { * `startTransition` 没有提供一种跟踪 transition 是否处于待定状态的方法。为了在 transition 进行时显示一个待定状态的指示器，你需要使用 [`useTransition`](/reference/react/useTransition)。 + * 只有当你能访问某个 state 的 `set` 函数时，你才能将它的更新包裹到 transition 中。如果你想根据一些 prop 或自定义 Hook 的返回值来启动一个 transition，请尝试使用 [`useDeferredValue`](/reference/react/useDeferredValue)。 + * 你传递给 `startTransition` 的函数必须是同步的。React 会立即执行此函数，将其执行期间发生的所有 state 更新标记为 transition。如果你想试着稍后执行更多的 state 更新（例如，在超时中），它们不会被标记为转换。 + + * 一个被标记为 transition 的 state 更新时将会被其他 state 更新打断。例如，如果你在 transition 内部更新图表组件，但在图表重新渲染时在输入框中打字，则 React 将先处理输入 state 更新，之后才会重新启动对图表组件的渲染工作。 + + + * Transition 更新不能用于控制文本输入。 + * 如果有多个正在进行的 transition，当前 React 会将它们集中在一起处理。这是一个限制，在未来的版本中可能会被移除。 + + --- ## 使用方法 {/*usage*/} ### 将 state 更新标记为非阻塞 transition {/*marking-a-state-update-as-a-non-blocking-transition*/} + 你可以通过将一个 state 包裹在 `startTransition` 回调中，将其更新标记为一个 *transition*： ```js {7,9} @@ -87,12 +100,19 @@ function TabContainer() { ``` Transition 可以让用户界面在慢速设备上保持更新响应。 + + 通过 transition，你的 UI 在重新渲染过程中保持响应。例如，如果用户单击一个选项卡后又改变主意并单击另一个选项卡，则可以在第一次重新渲染完成之前执行此操作而无需等待。 + + `startTransition` 与 [`useTransition`](/reference/react/useTransition) 非常相似，但它不提供 `isPending` 标志来跟踪一个 transition 是否正在进行。你可以在 `useTransition` 不可用时调用 `startTransition`。例如，在组件外部（如从数据库中）使用 `startTransition` 。 + + [在 `useTransition` 页面上了解 transition 并查看示例。](/reference/react/useTransition) + From a3697e1c3968ab8c5ee76ecca49b4d61a6b03a96 Mon Sep 17 00:00:00 2001 From: davont Date: Tue, 28 Mar 2023 10:26:38 +0800 Subject: [PATCH 03/14] docs(cn): translate the reference/react/startTransition page --- .../reference/react/startTransition.md | 21 +------------------ 1 file changed, 1 insertion(+), 20 deletions(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index 74d4b60490..bd9ee97e98 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -45,8 +45,6 @@ function TabContainer() { * `scope`: 一个调用一个或多个 [`set` 函数](/reference/react/useState#setstate) 来更新 state 的函数。React 会立即调用没有参数的 `scope`，并将在 `scope` 函数调用期间，调度所有的 state，同步更新标记为 transition。它们将是 [非阻塞的](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition)，并且 [不会显示不想要的加载提示](/reference/react/useTransition#preventing-unwanted-loading-indicators)。 - - #### 返回值 {/*returns*/} `startTransition` 不返回任何内容。 @@ -55,33 +53,22 @@ function TabContainer() { * `startTransition` 没有提供一种跟踪 transition 是否处于待定状态的方法。为了在 transition 进行时显示一个待定状态的指示器，你需要使用 [`useTransition`](/reference/react/useTransition)。 - * 只有当你能访问某个 state 的 `set` 函数时，你才能将它的更新包裹到 transition 中。如果你想根据一些 prop 或自定义 Hook 的返回值来启动一个 transition，请尝试使用 [`useDeferredValue`](/reference/react/useDeferredValue)。 - * 你传递给 `startTransition` 的函数必须是同步的。React 会立即执行此函数，将其执行期间发生的所有 state 更新标记为 transition。如果你想试着稍后执行更多的 state 更新（例如，在超时中），它们不会被标记为转换。 - - * 一个被标记为 transition 的 state 更新时将会被其他 state 更新打断。例如，如果你在 transition 内部更新图表组件，但在图表重新渲染时在输入框中打字，则 React 将先处理输入 state 更新，之后才会重新启动对图表组件的渲染工作。 - - - * Transition 更新不能用于控制文本输入。 - * 如果有多个正在进行的 transition，当前 React 会将它们集中在一起处理。这是一个限制，在未来的版本中可能会被移除。 - - --- ## 使用方法 {/*usage*/} ### 将 state 更新标记为非阻塞 transition {/*marking-a-state-update-as-a-non-blocking-transition*/} - 你可以通过将一个 state 包裹在 `startTransition` 回调中，将其更新标记为一个 *transition*： ```js {7,9} @@ -98,21 +85,15 @@ function TabContainer() { // ... } ``` -Transition 可以让用户界面在慢速设备上保持更新响应。 - +Transition 可以让用户界面在慢速设备上保持更新响应。 通过 transition，你的 UI 在重新渲染过程中保持响应。例如，如果用户单击一个选项卡后又改变主意并单击另一个选项卡，则可以在第一次重新渲染完成之前执行此操作而无需等待。 - - `startTransition` 与 [`useTransition`](/reference/react/useTransition) 非常相似，但它不提供 `isPending` 标志来跟踪一个 transition 是否正在进行。你可以在 `useTransition` 不可用时调用 `startTransition`。例如，在组件外部（如从数据库中）使用 `startTransition` 。 - - [在 `useTransition` 页面上了解 transition 并查看示例。](/reference/react/useTransition) - From ea189cc12715225dcf2dc000dfcee328649d6ef8 Mon Sep 17 00:00:00 2001 From: Xavi Lee Date: Tue, 11 Apr 2023 19:48:50 +0800 Subject: [PATCH 04/14] Apply suggestions from code review [skip ci] --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index bd9ee97e98..f9c217ce82 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -94,6 +94,6 @@ Transition 可以让用户界面在慢速设备上保持更新响应。 `startTransition` 与 [`useTransition`](/reference/react/useTransition) 非常相似，但它不提供 `isPending` 标志来跟踪一个 transition 是否正在进行。你可以在 `useTransition` 不可用时调用 `startTransition`。例如，在组件外部（如从数据库中）使用 `startTransition` 。 -[在 `useTransition` 页面上了解 transition 并查看示例。](/reference/react/useTransition) +[在 `useTransition` 页面上了解 transition 并查看示例](/reference/react/useTransition)。 From 5054651d7807582fded3a115c44cba4964aaac3b Mon Sep 17 00:00:00 2001 From: davont Date: Tue, 18 Apr 2023 22:35:25 +0800 Subject: [PATCH 05/14] docs(cn): translate the choosing-the-state-structure page --- src/content/reference/react/startTransition.md | 1 + 1 file changed, 1 insertion(+) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index f9c217ce82..8ac81fb5a1 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -63,6 +63,7 @@ function TabContainer() { * 如果有多个正在进行的 transition，当前 React 会将它们集中在一起处理。这是一个限制，在未来的版本中可能会被移除。 + --- ## 使用方法 {/*usage*/} From 36b3aab02061f6434a6e5e494bad861e62bbf1fe Mon Sep 17 00:00:00 2001 From: davont Date: Tue, 18 Apr 2023 22:36:13 +0800 Subject: [PATCH 06/14] docs(cn): translate the choosing-the-state-structure page --- src/content/reference/react/startTransition.md | 1 - 1 file changed, 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index 8ac81fb5a1..f9c217ce82 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -63,7 +63,6 @@ function TabContainer() { * 如果有多个正在进行的 transition，当前 React 会将它们集中在一起处理。这是一个限制，在未来的版本中可能会被移除。 - --- ## 使用方法 {/*usage*/} From 30233399683dc9a8419902c255e4379f19862e0b Mon Sep 17 00:00:00 2001 From: Davont Date: Tue, 25 Apr 2023 00:37:07 +0800 Subject: [PATCH 07/14] Update src/content/reference/react/startTransition.md Co-authored-by: Yucohny <79147654+Yucohny@users.noreply.github.com> --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index f9c217ce82..ea7df38a28 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -69,7 +69,7 @@ function TabContainer() { ### 将 state 更新标记为非阻塞 transition {/*marking-a-state-update-as-a-non-blocking-transition*/} -你可以通过将一个 state 包裹在 `startTransition` 回调中，将其更新标记为一个 *transition*： +你可以通过将一个 state 包裹在 `startTransition` 回调中，将其更新标记为一个 **transition**： ```js {7,9} import { startTransition } from 'react'; From 95a10a11453513a3da72c796e61b5d51a4f7561a Mon Sep 17 00:00:00 2001 From: Davont Date: Tue, 25 Apr 2023 00:37:22 +0800 Subject: [PATCH 08/14] Update src/content/reference/react/startTransition.md Co-authored-by: Yucohny <79147654+Yucohny@users.noreply.github.com> --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index ea7df38a28..28b33d23e9 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -86,7 +86,7 @@ function TabContainer() { } ``` -Transition 可以让用户界面在慢速设备上保持更新响应。 +transition 可以让用户界面在慢速设备上保持更新响应。 通过 transition，你的 UI 在重新渲染过程中保持响应。例如，如果用户单击一个选项卡后又改变主意并单击另一个选项卡，则可以在第一次重新渲染完成之前执行此操作而无需等待。 From 895c4a9aef2af8ed694330ddb090f458276a9d03 Mon Sep 17 00:00:00 2001 From: Davont Date: Tue, 25 Apr 2023 00:37:36 +0800 Subject: [PATCH 09/14] Update src/content/reference/react/startTransition.md Co-authored-by: Yucohny <79147654+Yucohny@users.noreply.github.com> --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index 28b33d23e9..4633856786 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -92,7 +92,7 @@ transition 可以让用户界面在慢速设备上保持更新响应。 -`startTransition` 与 [`useTransition`](/reference/react/useTransition) 非常相似，但它不提供 `isPending` 标志来跟踪一个 transition 是否正在进行。你可以在 `useTransition` 不可用时调用 `startTransition`。例如，在组件外部（如从数据库中）使用 `startTransition` 。 +`startTransition` 与 [`useTransition`](/reference/react/useTransition) 非常相似，但它不提供 `isPending` 标志来跟踪一个 transition 是否正在进行。你可以在 `useTransition` 不可用时调用 `startTransition`。例如，在组件外部（如从数据库中）使用 `startTransition`。 [在 `useTransition` 页面上了解 transition 并查看示例](/reference/react/useTransition)。 From 36d61fce534ad1a7fd05e0c2352b5abd1f0088e0 Mon Sep 17 00:00:00 2001 From: Davont Date: Tue, 25 Apr 2023 00:42:07 +0800 Subject: [PATCH 10/14] Update src/content/reference/react/startTransition.md Co-authored-by: Yucohny <79147654+Yucohny@users.noreply.github.com> --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index 4633856786..b4477bb109 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -39,7 +39,7 @@ function TabContainer() { } ``` -[请看下面的更多例子。](#usage) +[请看下面的更多例子](#usage)。 #### 参数 {/*parameters*/} From 61ef7d871259c37b7fd874cd34a3e893981467ab Mon Sep 17 00:00:00 2001 From: Davont Date: Tue, 25 Apr 2023 00:42:17 +0800 Subject: [PATCH 11/14] Update src/content/reference/react/startTransition.md Co-authored-by: Yucohny <79147654+Yucohny@users.noreply.github.com> --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index b4477bb109..e917c50e3d 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -59,7 +59,7 @@ function TabContainer() { * 一个被标记为 transition 的 state 更新时将会被其他 state 更新打断。例如，如果你在 transition 内部更新图表组件，但在图表重新渲染时在输入框中打字，则 React 将先处理输入 state 更新，之后才会重新启动对图表组件的渲染工作。 -* Transition 更新不能用于控制文本输入。 +* transition 更新不能用于控制文本输入。 * 如果有多个正在进行的 transition，当前 React 会将它们集中在一起处理。这是一个限制，在未来的版本中可能会被移除。 From 4dd59a0231147e9a08c2d6ce383e4e4740d630ae Mon Sep 17 00:00:00 2001 From: Davont Date: Tue, 25 Apr 2023 00:42:25 +0800 Subject: [PATCH 12/14] Update src/content/reference/react/startTransition.md Co-authored-by: Yucohny <79147654+Yucohny@users.noreply.github.com> --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index e917c50e3d..83242b7bf0 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -55,7 +55,7 @@ function TabContainer() { * 只有当你能访问某个 state 的 `set` 函数时，你才能将它的更新包裹到 transition 中。如果你想根据一些 prop 或自定义 Hook 的返回值来启动一个 transition，请尝试使用 [`useDeferredValue`](/reference/react/useDeferredValue)。 -* 你传递给 `startTransition` 的函数必须是同步的。React 会立即执行此函数，将其执行期间发生的所有 state 更新标记为 transition。如果你想试着稍后执行更多的 state 更新（例如，在超时中），它们不会被标记为转换。 +* 你传递给 `startTransition` 的函数必须是同步的。React 会立即执行此函数，将其执行期间发生的所有 state 更新标记为 transition。如果你想试着稍后执行更多的 state 更新（例如，在 timeout 中），它们不会被标记为转换。 * 一个被标记为 transition 的 state 更新时将会被其他 state 更新打断。例如，如果你在 transition 内部更新图表组件，但在图表重新渲染时在输入框中打字，则 React 将先处理输入 state 更新，之后才会重新启动对图表组件的渲染工作。 From 77cee6cce0f4fb1230d476cda77a45792a6751ce Mon Sep 17 00:00:00 2001 From: Yucohny <79147654+Yucohny@users.noreply.github.com> Date: Thu, 18 May 2023 10:55:47 +0800 Subject: [PATCH 13/14] Update src/content/reference/react/startTransition.md --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index 83242b7bf0..537c9e0163 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -53,7 +53,7 @@ function TabContainer() { * `startTransition` 没有提供一种跟踪 transition 是否处于待定状态的方法。为了在 transition 进行时显示一个待定状态的指示器，你需要使用 [`useTransition`](/reference/react/useTransition)。 -* 只有当你能访问某个 state 的 `set` 函数时，你才能将它的更新包裹到 transition 中。如果你想根据一些 prop 或自定义 Hook 的返回值来启动一个 transition，请尝试使用 [`useDeferredValue`](/reference/react/useDeferredValue)。 +* 只有当你能访问某个 state 的 `set` 函数时，你才能将它的更新包裹到 transition 中。如果你想根据 props 或自定义 Hook 的返回值来启动一个 transition，请尝试使用 [`useDeferredValue`](/reference/react/useDeferredValue)。 * 你传递给 `startTransition` 的函数必须是同步的。React 会立即执行此函数，将其执行期间发生的所有 state 更新标记为 transition。如果你想试着稍后执行更多的 state 更新（例如，在 timeout 中），它们不会被标记为转换。 From 49d552d8dcdc9dc35c7aa0e6c545c11d3b9de3b0 Mon Sep 17 00:00:00 2001 From: Yucohny <79147654+Yucohny@users.noreply.github.com> Date: Thu, 18 May 2023 10:55:55 +0800 Subject: [PATCH 14/14] Update src/content/reference/react/startTransition.md --- src/content/reference/react/startTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index 537c9e0163..8c1e0bb100 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -43,7 +43,7 @@ function TabContainer() { #### 参数 {/*parameters*/} -* `scope`: 一个调用一个或多个 [`set` 函数](/reference/react/useState#setstate) 来更新 state 的函数。React 会立即调用没有参数的 `scope`，并将在 `scope` 函数调用期间，调度所有的 state，同步更新标记为 transition。它们将是 [非阻塞的](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition)，并且 [不会显示不想要的加载提示](/reference/react/useTransition#preventing-unwanted-loading-indicators)。 +* `scope`：调用一个或多个 [`set` 函数](/reference/react/useState#setstate) 来更新 state 的函数。React 会立即调用没有参数的 `scope`，并将在 `scope` 函数调用期间，调度所有的 state，并将同步更新标记为 transition。它们是 [非阻塞的](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition)，并且 [不会显示不想要的加载提示](/reference/react/useTransition#preventing-unwanted-loading-indicators)。 #### 返回值 {/*returns*/}