Skip to content

Commit e6442a6

Browse files
oranges-zYucohnyXleine
authored
docs(cn): translate renderToStaticMarkup into Chinese (#1149)
Co-authored-by: Yucohny <[email protected]> Co-authored-by: Xleine <[email protected]>
1 parent 0215965 commit e6442a6

File tree

1 file changed

+21
-20
lines changed

1 file changed

+21
-20
lines changed

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

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: renderToStaticMarkup
44

55
<Intro>
66

7-
`renderToStaticMarkup` renders a non-interactive React tree to an HTML string.
7+
`renderToStaticMarkup` 会将非交互的 React 组件树渲染成 HTML 字符串。
88

99
```js
1010
const html = renderToStaticMarkup(reactNode)
@@ -16,62 +16,63 @@ const html = renderToStaticMarkup(reactNode)
1616

1717
---
1818

19-
## Reference {/*reference*/}
19+
## 参考 {/*reference*/}
2020

2121
### `renderToStaticMarkup(reactNode)` {/*rendertostaticmarkup*/}
2222

23-
On the server, call `renderToStaticMarkup` to render your app to HTML.
23+
在服务器上,调用 `renderToStaticMarkup` 将你的应用程序渲染成 HTML
2424

2525
```js
2626
import { renderToStaticMarkup } from 'react-dom/server';
2727

2828
const html = renderToStaticMarkup(<Page />);
2929
```
3030

31-
It will produce non-interactive HTML output of your React components.
31+
它将会把 React 组件转换为非交互式 HTML
3232

33-
[See more examples below.](#usage)
33+
[请看下方更多示例](#usage)
3434

35-
#### Parameters {/*parameters*/}
35+
#### 参数 {/*parameters*/}
3636

37-
* `reactNode`: A React node you want to render to HTML. For example, a JSX node like `<Page />`.
37+
* `reactNode`:你想渲染成 HTML 的 React 节点。例如,像 `<Page />` 这样的 JSX 节点。
3838

39-
#### Returns {/*returns*/}
39+
#### 返回值 {/*returns*/}
4040

41-
An HTML string.
41+
一个 HTML 字符串。
4242

43-
#### Caveats {/*caveats*/}
43+
#### 注意事项 {/*caveats*/}
4444

45-
* `renderToStaticMarkup` output cannot be hydrated.
45+
* `renderToStaticMarkup` 的输出无法进行二次渲染。
4646

47-
* `renderToStaticMarkup` has limited Suspense support. If a component suspends, `renderToStaticMarkup` immediately sends its fallback as HTML.
47+
* `renderToStaticMarkup` Suspense 的支持有限。如果一个组件触发了 Suspense,`renderToStaticMarkup` 立即将它的 fallback 作为 HTML 输出。
4848

49-
* `renderToStaticMarkup` works in the browser, but using it in the client code is not recommended. If you need to render a component to HTML in the browser, [get the HTML by rendering it into a DOM node.](/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code)
49+
* `renderToStaticMarkup` 在浏览器中可以使用,但不建议在客户端代码中使用它。如果你需要在浏览器中将组件渲染成 HTML[请把它渲染到 DOM 节点中以获取 HTML](/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code)
5050

5151
---
5252

53-
## Usage {/*usage*/}
53+
## 用法 {/*usage*/}
5454

55-
### Rendering a non-interactive React tree as HTML to a string {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}
55+
### 将一个非交互式的 React 树渲染成 HTML 字符串 {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}
56+
``
5657

57-
Call `renderToStaticMarkup` to render your app to an HTML string which you can send with your server response:
58+
调用 `renderToStaticMarkup` 将你的应用程序渲染为 HTML 字符串,然后将其与服务器响应一起发送:
5859

5960
```js {5-6}
6061
import { renderToStaticMarkup } from 'react-dom/server';
6162

62-
// The route handler syntax depends on your backend framework
63+
// 路由处理程序语法取决于你的后端框架
6364
app.use('/', (request, response) => {
6465
const html = renderToStaticMarkup(<Page />);
6566
response.send(html);
6667
});
6768
```
6869

69-
This will produce the initial non-interactive HTML output of your React components.
70+
这将会把 React 组件转换为非交互式 HTML
7071

7172
<Pitfall>
7273

73-
This method renders **non-interactive HTML that cannot be hydrated.** This is useful if you want to use React as a simple static page generator, or if you're rendering completely static content like emails.
74+
此方法渲染的是 **无法进行二次渲染的非交互式 HTML**。如果你需要使用 React 作为简单静态页面生成器,或者需要呈现纯静态内容(例如邮件),则这种方法非常适用。
7475

75-
Interactive apps should use [`renderToString`](/reference/react-dom/server/renderToString) on the server and [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) on the client.
76+
对于交互式的应用程序,建议在服务器端使用 [`renderToString`](/reference/react-dom/server/renderToString) 方法,而在客户端上使用 [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) 方法。
7677

7778
</Pitfall>

0 commit comments

Comments
 (0)