Skip to content

Commit 039d0f7

Browse files
authored
Update reference-react-component.md
1 parent a4769d7 commit 039d0f7

File tree

1 file changed

+3
-35
lines changed

1 file changed

+3
-35
lines changed

content/docs/reference-react-component.md

+3-35
Original file line numberDiff line numberDiff line change
@@ -38,11 +38,7 @@ El único método que *debes* definir en una subclase de `React.Component` es [`
3838
3939
### El ciclo de vida del componente {#the-component-lifecycle}
4040

41-
<<<<<<< HEAD
42-
Cada componente tiene varios "métodos de ciclo de vida" que puedes sobrescribir para ejecutar código en momentos particulares del proceso. **Puedes usar [este diagrama de ciclo de vida](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) como una hoja de referencia.** En la lista de abajo, los métodos de ciclo de vida comúnmente usados están marcados en **negrita**. El resto de ellos existen para casos de uso relativamente raros.
43-
=======
44-
Each component has several "lifecycle methods" that you can override to run code at particular times in the process. **You can use [this lifecycle diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) as a cheat sheet.** In the list below, commonly used lifecycle methods are marked as **bold**. The rest of them exist for relatively rare use cases.
45-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
41+
Cada componente tiene varios "métodos de ciclo de vida" que puedes sobrescribir para ejecutar código en momentos particulares del proceso. **Puedes usar [este diagrama de ciclo de vida](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) como una hoja de referencia.** En la lista de abajo, los métodos de ciclo de vida comúnmente usados están marcados en **negrita**. El resto de ellos existen para casos de uso relativamente raros.
4642

4743
#### Montaje {#mounting}
4844

@@ -112,11 +108,7 @@ Cada componente también proporciona algunas otras APIs:
112108

113109
### Funciones del ciclo de vida usadas comúnmente {#commonly-used-lifecycle-methods}
114110

115-
<<<<<<< HEAD
116-
Los métodos que verás en esta sección cubren la gran mayoría de casos de uso que encontrarás cuando crees componentes en React. **Para una referencia visual, revisa [este diagrama de los ciclos de vida](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/).**
117-
=======
118-
The methods in this section cover the vast majority of use cases you'll encounter creating React components. **For a visual reference, check out [this lifecycle diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/).**
119-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
111+
Los métodos que verás en esta sección cubren la gran mayoría de casos de uso que encontrarás cuando crees componentes en React. **Para una referencia visual, revisa [este diagrama de los ciclos de vida](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/).**
120112

121113
### `render()` {#render}
122114

@@ -250,15 +242,9 @@ componentWillUnmount()
250242

251243
* * *
252244

253-
<<<<<<< HEAD
254245
### Métodos de ciclo de vida raramente utilizados {#rarely-used-lifecycle-methods}
255-
=======
256-
### Rarely Used Lifecycle Methods {#rarely-used-lifecycle-methods}
257246

258-
The methods in this section correspond to uncommon use cases. They're handy once in a while, but most of your components probably don't need any of them. **You can see most of the methods below on [this lifecycle diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) if you click the "Show less common lifecycles" checkbox at the top of it.**
259-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
260-
261-
Los métodos de esta sección corresponden a casos de uso poco común. Son útiles alguna vez, pero la mayoría de sus componentes probablemente no necesitan ninguno de ellos. **Puedes ver la mayoría de los métodos a continuación en [este diagrama de ciclo de vida](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) si haces clic en la casilla de verificación "Mostrar ciclos de vida menos comunes" en la parte superior de él.**
247+
Los métodos de esta sección corresponden a casos de uso poco común. Son útiles alguna vez, pero la mayoría de sus componentes probablemente no necesitan ninguno de ellos. **Puedes ver la mayoría de los métodos a continuación en [este diagrama de ciclo de vida](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) si haces clic en la casilla de verificación "Mostrar ciclos de vida menos comunes" en la parte superior de él.**
262248

263249
### `shouldComponentUpdate()` {#shouldcomponentupdate}
264250

@@ -290,13 +276,8 @@ static getDerivedStateFromProps(props, state)
290276

291277
Este método existe para [casos de uso raros](/blog/2018/06/07/you-probably-dont-need-derived-state.html#when-to-use-derived-state) donde el estado depende de los cambios en props con el tiempo. Por ejemplo, puede ser util para implementar un componente `<Transition>` que compare su anterior hijo y el siguiente para decidir cual de los dos animar en la entrada y salida.
292278

293-
<<<<<<< HEAD
294279
Derivar el estado conduce al código verboso y hace que tus componentes sean difíciles de pensar.
295280
[Asegúrate de que estás familiarizado con alternativas más simples](/blog/2018/06/07/you-probably-dont-need-derived-state.html)
296-
=======
297-
Deriving state leads to verbose code and makes your components difficult to think about.
298-
[Make sure you're familiar with simpler alternatives:](/blog/2018/06/07/you-probably-dont-need-derived-state.html)
299-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
300281

301282
* Si necesitas **realizar un efecto secundario** (por ejemplo, obtención de datos o animaciones) en una respuesta debido a un cambio en las props, utiliza [`componentDidUpdate`](#componentdidupdate).
302283

@@ -340,15 +321,9 @@ Usa solo límites de error para recuperar excepciones inesperadas; no intentes u
340321

341322
Para mas detalles ve el [*Manejo de Errores en React 16*](/blog/2017/07/26/error-handling-in-react-16.html).
342323

343-
<<<<<<< HEAD
344324
> Nota
345325
>
346326
> Los limites de error solo capturan errores en los componentes **debajo** de ellos en el árbol. Un límite de error no puede capturar un error dentro de él mismo.
347-
=======
348-
> Note
349-
>
350-
> Error boundaries only catch errors in the components **below** them in the tree. An error boundary can’t catch an error within itself.
351-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
352327
353328
### `static getDerivedStateFromError()` {#static-getderivedstatefromerror}
354329

@@ -432,16 +407,9 @@ class ErrorBoundary extends React.Component {
432407
}
433408
```
434409

435-
<<<<<<< HEAD
436410
> Nota
437411
>
438412
> En el evento de un error, puedes renderizar una interfaz de usuario con `componentDidCatch()` llamando a `setState()`, pero esto estará obsoleto en una futura versión. Usa `static getDerivedStateFromError()` para controlar el plan de renderizado.
439-
=======
440-
> Note
441-
>
442-
> In the event of an error, you can render a fallback UI with `componentDidCatch()` by calling `setState`, but this will be deprecated in a future release.
443-
> Use `static getDerivedStateFromError()` to handle fallback rendering instead.
444-
>>>>>>> 8f7ffa473905148fd5c7ecfd7fed5dabbd261bf0
445413
446414
* * *
447415

0 commit comments

Comments
 (0)