Skip to content

Commit bf6662d

Browse files
fix
1 parent 741670b commit bf6662d

File tree

5 files changed

+5
-5
lines changed

5 files changed

+5
-5
lines changed

src/content/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ React 服务器组件、资源加载、文档元数据与 Action 都已经加入
8181

8282
- **资源加载**:我们将 Suspense 与样式表、字体和脚本等资源的加载生命周期集成在一起,以便 React 考虑它们来确定像 [`<style>`](/reference/react-dom/components/style)[`<link>`](/reference/react-dom/components/link)[`<script>`](/reference/react-dom/components/script) 这样的元素中的内容是否已准备就绪。我们还添加了新的 [资源加载 API](/reference/react-dom#resource-preloading-apis),如 `preload``preinit`,以提供更大的控制权,指示何时应加载和初始化资源。
8383

84-
- **Action**:如上所述,我们已将 Action 添加到管理从客户端发送数据到服务器的功能中。现在可以将 `action` 添加到像 [`<form/>`](/reference/react-dom/components/form) 这样的元素中,使用 [`useFormStatus`](/reference/react-dom/hooks/useFormStatus) 访问状态,使用 [`useActionState`](/reference/react/useActionState) 处理结果,并使用 [`useOptimistic`](/reference/rsc/useOptimistic) 乐观地更新 UI。
84+
- **Action**:如上所述,我们已将 Action 添加到管理从客户端发送数据到服务器的功能中。现在可以将 `action` 添加到像 [`<form/>`](/reference/react-dom/components/form) 这样的元素中,使用 [`useFormStatus`](/reference/react-dom/hooks/useFormStatus) 访问状态,使用 [`useActionState`](/reference/react/useActionState) 处理结果,并使用 [`useOptimistic`](/reference/react/useOptimistic) 乐观地更新 UI。
8585

8686
由于所有这些功能是相互配合的,因此单独在稳定渠道中发布它们是困难的。发布 Action 而不带有用于访问表单状态的补充 Hook 会限制 Action 的实际可用性。引入 React 服务器组件而不集成 Server Action 会把在服务器上修改数据变得复杂化。
8787

src/content/learn/your-first-component.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -221,7 +221,7 @@ function Profile() {
221221

222222
像 Next.js 这样的框架会做更多事情。与使用一个空白的 HTML 页面并让 React 使用 JavaScript “接手”管理页面不同,框架还会根据你的 React 组件自动生成 HTML。这使你的应用程序在加载 JavaScript 代码之前能够展示一些内容。
223223

224-
尽管如此,许多网站仅使用 React 来 [添加“交互性”](/learn/add-react-to-a-website)。它们有很多根组件,而不是整个页面的单个组件。你可以根据需要尽可能多或尽可能少地使用 React。
224+
尽管如此,许多网站仅使用 React 来 [添加“交互性”](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page)。它们有很多根组件,而不是整个页面的单个组件。你可以根据需要尽可能多或尽可能少地使用 React。
225225

226226
</DeepDive>
227227

src/content/reference/react-dom/server/renderToReadableStream.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -441,7 +441,7 @@ If an error happens in the `Posts` component or somewhere inside it, React will
441441
2. 它将 **放弃** 再尝试在服务器上渲染 `Posts`
442442
3. 当 JavaScript 代码加载到客户端上时,React **重新尝试** 在客户端上渲染 `Posts`
443443
444-
如果在客户端上重新尝试渲染 `Posts` **也** 失败,React 将在客户端上抛出错误。与渲染过程中抛出的所有错误一样,[最近的父级错误边界](/reference/reflect/Component#staticgetderivedstatefromwerror) 决定如何向用户展示错误。在实践中,这意味着用户将看到加载指示符,直到确定错误不可恢复为止。
444+
如果在客户端上重新尝试渲染 `Posts` **也** 失败,React 将在客户端上抛出错误。与渲染过程中抛出的所有错误一样,[最近的父级错误边界](/reference/react/Component#staticgetderivedstatefromwerror) 决定如何向用户展示错误。在实践中,这意味着用户将看到加载指示符,直到确定错误不可恢复为止。
445445
446446
如果在客户端上重新尝试渲染 `Posts` 成功,则从服务器加载中的后备方案将被客户端渲染的输出所取代。用户不会知道有服务器错误。但是,服务器的 `onError` 回调和客户端的 [`onRecoverableError`](/reference/react-dom/client/hydrateRoot#hydrateroot) 回调将被触发,以便你可以收到有关错误通知。
447447

src/content/reference/react/Component.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -782,7 +782,7 @@ class Rectangle extends Component {
782782
- 如果你需要 **运行副作用**(例如,获取数据、运行动画或重新初始化监听)来响应 prop 的更改,那么请将该逻辑移至 [`componentDidUpdate`](#componentdidupdate)。
783783
- 如果你需要 **避免仅 prop 更改时就重新计算某些数据** 时,请使用 [memoization helper](https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#what-about-memoization) 来代替。
784784
- 如果你需要 **在 prop 更改时“重置”某些状态** 时,请考虑使组件 [完全控制](https://legacy.reactjs.org/blog/2018/06/07/you-probously-不需要派生状态。html#recommendation-fully-controlled-component) 或者 [使用 key 使组件完全不受控](https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key) 来代替。
785-
- 如果你需要 **在 prop 更改时“调整”某些状态** 时,请检查你是否可以在渲染期间单独从 props 计算所有必要的信息。如果不能,请使用 [`static getDerivedStateFromProps`](/reference/react/Component#static-getdrivenstatefromprops) 代替。
785+
- 如果你需要 **在 prop 更改时“调整”某些状态** 时,请检查你是否可以在渲染期间单独从 props 计算所有必要的信息。如果不能,请使用 [`static getDerivedStateFromProps`](/reference/react/Component#static-getderivedstatefromprops) 代替。
786786

787787
[查看避免不安全生命周期的示例](https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props)。
788788

src/content/reference/react/use.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -312,7 +312,7 @@ export default async function App() {
312312
}
313313
```
314314
315-
但是在 [服务器组件](/reference/rsc/server-component) 中使用 `await` 会在 `await` 执行完成前阻塞渲染。而将 Promise 从服务器组件传递到客户端组件可以防止 Promise 阻塞服务器组件渲染。
315+
但是在 [服务器组件](/reference/rsc/server-components) 中使用 `await` 会在 `await` 执行完成前阻塞渲染。而将 Promise 从服务器组件传递到客户端组件可以防止 Promise 阻塞服务器组件渲染。
316316
317317
</DeepDive>
318318

0 commit comments

Comments
 (0)