Skip to content

Commit 2098097

Browse files
authored
Translate renderToStaticMarkup.md (#856)
1 parent a16e39a commit 2098097

File tree

1 file changed

+20
-20
lines changed

1 file changed

+20
-20
lines changed

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

Lines changed: 20 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` renderiza un árbol React no interactivo a un _string_ de HTML.
88

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

1717
---
1818

19-
## Reference {/*reference*/}
19+
## Referencia {/*reference*/}
2020

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

23-
On the server, call `renderToStaticMarkup` to render your app to HTML.
23+
En el servidor, llama a `renderToStaticMarkup` para renderizar tu aplicación a 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+
Esto producirá una salida de HTML no interactiva de tus componentes de React.
3232

33-
[See more examples below.](#usage)
33+
[Ver más ejemplos abajo.](#usage)
3434

35-
#### Parameters {/*parameters*/}
35+
#### Parámetros {/*parameters*/}
3636

37-
* `reactNode`: A React node you want to render to HTML. For example, a JSX node like `<Page />`.
37+
* `reactNode`: Un nodo React que deseas renderizar a HTML. Por ejemplo, un nodo JSX como `<Page />`.
3838

39-
#### Returns {/*returns*/}
39+
#### Devuelve {/*returns*/}
4040

41-
An HTML string.
41+
Un _string_ de HTML.
4242

43-
#### Caveats {/*caveats*/}
43+
#### Advertencias {/*caveats*/}
4444

45-
* `renderToStaticMarkup` output cannot be hydrated.
45+
* La salida de `renderToStaticMarkup` no puede ser hidratada.
4646

47-
* `renderToStaticMarkup` has limited Suspense support. If a component suspends, `renderToStaticMarkup` immediately sends its fallback as HTML.
47+
* `renderToStaticMarkup` tiene un soporte limitado para _Suspense_. Si un componente se suspende, `renderToStaticMarkup` inmediatamente envía su _fallback_ como 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` funciona en el navegador, pero usarlo en el código del cliente no es recomendable. Si necesitas renderizar un componente a HTML en el navegador, [obtén el HTML renderizándolo en un nodo DOM.](/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code)
5050

5151
---
5252

53-
## Usage {/*usage*/}
53+
## Uso {/*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+
### Renderizar un árbol React no interactivo como HTML en un _string_ {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}
5656

57-
Call `renderToStaticMarkup` to render your app to an HTML string which you can send with your server response:
57+
Llama a `renderToStaticMarkup` para renderizar tu aplicación a un _string_ de HTML que puedas enviar con la respuesta del servidor:
5858

5959
```js {5-6}
6060
import { renderToStaticMarkup } from 'react-dom/server';
6161

62-
// The route handler syntax depends on your backend framework
62+
// La sintaxis del manejador de rutas depende de tu framework de backend
6363
app.use('/', (request, response) => {
6464
const html = renderToStaticMarkup(<Page />);
6565
response.send(html);
6666
});
6767
```
6868

69-
This will produce the initial non-interactive HTML output of your React components.
69+
Esto producirá la salida inicial de HTML no interactiva de tus componentes de React.
7070

7171
<Pitfall>
7272

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.
73+
Este método renderiza **HTML no interactivo que no puede ser hidratado.** Esto es útil si deseas usar React como un generador de páginas estáticas simple, o si estás renderizando contenido completamente estático, como correos electrónicos.
7474

75-
Interactive apps should use [`renderToString`](/reference/react-dom/server/renderToString) on the server and [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) on the client.
75+
Las aplicaciones interactivas deben usar [`renderToString`](/reference/react-dom/server/renderToString) en el servidor y [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) en el cliente.
7676

7777
</Pitfall>

0 commit comments

Comments
 (0)