From 7d10f905afaa599daac82c30363cf89ce48def5c Mon Sep 17 00:00:00 2001 From: waxer59 Date: Thu, 18 May 2023 21:01:31 +0200 Subject: [PATCH 1/2] translate page --- .../react-dom/unmountComponentAtNode.md | 38 +++++++++---------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/src/content/reference/react-dom/unmountComponentAtNode.md b/src/content/reference/react-dom/unmountComponentAtNode.md index e538ceb34..a95a7132c 100644 --- a/src/content/reference/react-dom/unmountComponentAtNode.md +++ b/src/content/reference/react-dom/unmountComponentAtNode.md @@ -4,15 +4,15 @@ title: unmountComponentAtNode -This API will be removed in a future major version of React. +Esta API se eliminará en una versión importante futura de React. -In React 18, `unmountComponentAtNode` was replaced by [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount). +En React 18, `unmountComponentAtNode` fue reemplazado por [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount). -`unmountComponentAtNode` removes a mounted React component from the DOM. +`unmountComponentAtNode` elimina un componente de React montado del DOM. ```js unmountComponentAtNode(domNode) @@ -24,11 +24,11 @@ unmountComponentAtNode(domNode) --- -## Reference {/*reference*/} +## Referencia {/*reference*/} ### `unmountComponentAtNode(domNode)` {/*unmountcomponentatnode*/} -Call `unmountComponentAtNode` to remove a mounted React component from the DOM and clean up its event handlers and state. +Llama a `unmountComponentAtNode` para eliminar un componente de React montado del DOM y limpiar sus controladores de eventos y estado. ```js import { unmountComponentAtNode } from 'react-dom'; @@ -39,21 +39,21 @@ render(, domNode); unmountComponentAtNode(domNode); ``` -[See more examples below.](#usage) +[Ver más ejemplos a continuación.](#uso) -#### Parameters {/*parameters*/} +#### Parámetro {/*parameters*/} -* `domNode`: A [DOM element.](https://developer.mozilla.org/en-US/docs/Web/API/Element) React will remove a mounted React component from this element. +* `domNode`: Un [elemento DOM.](https://developer.mozilla.org/en-US/docs/Web/API/Element) React eliminará un componente de React montado de este elemento. -#### Returns {/*returns*/} +#### Devuelve {/*returns*/} -`unmountComponentAtNode` returns `true` if a component was unmounted and `false` otherwise. +`unmountComponentAtNode` devuelve `true` si se desmontó un componente y `false` en caso contrario. --- -## Usage {/*usage*/} +## Uso {/*usage*/} -Call `unmountComponentAtNode` to remove a mounted React component from a browser DOM node and clean up its event handlers and state. +Llama a `unmountComponentAtNode` para eliminar un componente de React montado de un nodo DOM del navegador y limpiar sus controladores de eventos y estado. ```js [[1, 5, ""], [2, 5, "rootNode"], [2, 8, "rootNode"]] import { render, unmountComponentAtNode } from 'react-dom'; @@ -67,22 +67,22 @@ unmountComponentAtNode(rootNode); ```` -### Removing a React app from a DOM element {/*removing-a-react-app-from-a-dom-element*/} +### Eliminando una aplicación de React de un elemento DOM {/*removing-a-react-app-from-a-dom-element*/} -Occasionally, you may want to "sprinkle" React on an existing page, or a page that is not fully written in React. In those cases, you may need to "stop" the React app, by removing all of the UI, state, and listeners from the DOM node it was rendered to. +En ocasiones, es posible que desees "añadir" React a una página existente o a una página que no está completamente escrita en React. En esos casos, es posible que necesites "detener" la aplicación de React eliminando toda la interfaz de usuario, el estado y los controladores de eventos del nodo DOM en el que se renderizó. -In this example, clicking "Render React App" will render a React app. Click "Unmount React App" to destroy it: +En este ejemplo, al hacer clic en "Renderizar aplicación de React" se renderizará una aplicación de React. Haz clic en "Desmontar aplicación de React" para destruirla: ```html index.html - My app + Mi App - - - + + +
From a0c03301cff7646e5e73271c1733b54b43f821bd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mateo=20Guzm=C3=A1n?= <20783123+mateoguzmana@users.noreply.github.com> Date: Sat, 20 May 2023 00:00:30 +0200 Subject: [PATCH 2/2] Apply suggestions from code review --- src/content/reference/react-dom/unmountComponentAtNode.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/content/reference/react-dom/unmountComponentAtNode.md b/src/content/reference/react-dom/unmountComponentAtNode.md index a95a7132c..f16c05e6c 100644 --- a/src/content/reference/react-dom/unmountComponentAtNode.md +++ b/src/content/reference/react-dom/unmountComponentAtNode.md @@ -4,7 +4,7 @@ title: unmountComponentAtNode -Esta API se eliminará en una versión importante futura de React. +Esta API se eliminará en una versión mayor futura de React. En React 18, `unmountComponentAtNode` fue reemplazado por [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount). @@ -39,9 +39,9 @@ render(, domNode); unmountComponentAtNode(domNode); ``` -[Ver más ejemplos a continuación.](#uso) +[Ver más ejemplos a continuación.](#usage) -#### Parámetro {/*parameters*/} +#### Parámetros {/*parameters*/} * `domNode`: Un [elemento DOM.](https://developer.mozilla.org/en-US/docs/Web/API/Element) React eliminará un componente de React montado de este elemento.