Skip to content

Commit

Permalink
docs(cn): fix some error in content/docs/concurrent-mode-pattern… (re…
Browse files Browse the repository at this point in the history
  • Loading branch information
QC-L authored Mar 21, 2020
1 parent ff2278a commit a70d1b3
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
4 changes: 2 additions & 2 deletions content/docs/concurrent-mode-patterns.md
Original file line number Diff line number Diff line change
Expand Up @@ -218,7 +218,7 @@ function App() {

### 很多场景可以使用 transition {#transitions-are-everywhere}

正如我们从 [Suspense 走读](/docs/concurrent-mode-suspense.html) 所学,所有所需数据没有准备好的组件都可以“suspend”一段时间。我们可以从策略上用 `<Suspense>` 把树的不同部分圈起来处理,但这并不总是足够的。
正如我们从 [Suspense 简介](/docs/concurrent-mode-suspense.html) 中所了解,所有所需数据没有准备好的组件都可以 “suspend” 一段时间。我们可以从策略上用 `<Suspense>` 把树的不同部分圈起来处理,但这并不总是足够的。

我们回到 [第一个 Suspense 示例](https://codesandbox.io/s/frosty-hermann-bztrp) 那时还是只有一个界面的。现在我们增加一个“Refresh”按钮,用来检查服务端的数据更新。

Expand Down Expand Up @@ -293,7 +293,7 @@ function ProfilePage() {

### 把 Transition 融合到你应用的设计系统 {#baking-transitions-into-the-design-system}

`useTransition`*非常*常见的需求。几乎所有可能导致组件挂机按钮点击或交互的操作都需要使用 `useTransition`,以避免意外隐藏用户正在交互的内容。
`useTransition`*非常*常见的需求。几乎所有可能导致组件挂起的点击或交互操作都需要使用 `useTransition`,以避免意外隐藏用户正在交互的内容。

这可能会导致组件存在大量重复代码。这正是**我们通常建议把 `useTransition` 融合到你应用的*设计系统*组件中**的原因。例如,我们可以把 transition 逻辑抽取到我们自己的 `<Button>` 组件中:

Expand Down
2 changes: 1 addition & 1 deletion examples/context/theme-detailed-app.js
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ class App extends React.Component {
}

render() {
// highlight-range{1-3}
// highlight-range{1-2, 5-7, 9}
// 在 ThemeProvider 内部的 ThemedButton 按钮组件使用 state 中的 theme 值,
// 而外部的组件使用默认的 theme 值
return (
Expand Down

0 comments on commit a70d1b3

Please sign in to comment.