You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/typechecking-with-proptypes.md
+11-11Lines changed: 11 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -8,11 +8,11 @@ redirect_from:
8
8
9
9
> Nota:
10
10
>
11
-
> `React.PropTypes` se movió a un paquete diferente desde React v15.5. Por favor use[en su lugar la libreria`prop-types`](https://www.npmjs.com/package/prop-types).
11
+
> `React.PropTypes` se movió a un paquete diferente desde React v15.5. Por favor usa[en su lugar la biblioteca`prop-types`](https://www.npmjs.com/package/prop-types).
12
12
>
13
13
>Nosotros ofrecemos [un script de codemod](/blog/2017/04/07/react-v15.5.0.html#migrating-from-reactproptypes) para automatizar la conversión.
14
14
15
-
A medida que tú aplicación crece, puedes capturar una gran cantidad de errores con **verificación de tipos**. Para algunas aplicaciones, puedes usar extensiones de Javascript como [Flow](https://flow.org/) o [TypeScript](https://www.typescriptlang.org/) para verificar los tipos en tú aplicación. Pero incluso si no usas alguno de ellos, React tiene algunas habilidades de verificación de tipos incorporadas. Para usar verificación de tipos en las **props** de un component, puedes asignar la propiedad especial `PropTypes`:
15
+
A medida que tu aplicación crece, puedes capturar una gran cantidad de errores con verificación de tipos. Para algunas aplicaciones, puedes usar extensiones de Javascript como [Flow](https://flow.org/) o [TypeScript](https://www.typescriptlang.org/) para verificar los tipos en tu aplicación. Pero incluso si no usas alguno de ellos, React tiene algunas habilidades de verificación de tipos incorporadas. Para usar verificación de tipos en las props de un component, puedes asignar la propiedad especial `PropTypes`:
16
16
17
17
```javascript
18
18
importPropTypesfrom'prop-types';
@@ -30,11 +30,11 @@ Greeting.propTypes = {
30
30
};
31
31
```
32
32
33
-
`PropTypes` exporta un rango de **validadores** que pueden ser usados para estar seguros que la información recibida sea válida. En este ejemplo, usamos `PropTypes.string`. Cuando un valor inválido se asigna a una **prop**, se muestra una advertencia en la consola de Javascript. Por razones de desempeño, `PropTypes` solo se verifica en modo desarrollo.
33
+
`PropTypes` exporta un rango de validadores que pueden ser usados para estar seguros que la información recibida sea válida. En este ejemplo, usamos `PropTypes.string`. Cuando un valor inválido se asigna a una prop, se muestra una advertencia en la consola de Javascript. Por razones de desempeño, `PropTypes` solo se verifica en modo desarrollo.
34
34
35
35
### PropTypes
36
36
37
-
Aquí hay un ejemplo que documenta los diferentes tipos de **validadores**:
37
+
Aquí hay un ejemplo que documenta los diferentes tipos de validadores:
38
38
39
39
```javascript
40
40
importPropTypesfrom'prop-types';
@@ -50,18 +50,18 @@ MyComponent.propTypes = {
50
50
optionalString:PropTypes.string,
51
51
optionalSymbol:PropTypes.symbol,
52
52
53
-
// Cualquier cosa que sea interpretada: numeros, cadenas, elementos o un array
53
+
// Cualquier cosa que sea interpretada: números, cadenas, elementos o un array
54
54
// (o fragment) que contengan estos tipos.
55
55
optionalNode:PropTypes.node,
56
56
57
57
// Un elemento de React
58
58
optionalElement:PropTypes.element,
59
59
60
-
// Además puedes declarar que una **prop** es una instancia de una clase. Este usa
60
+
// Además puedes declarar que una prop es una instancia de una clase. Este usa
61
61
// el operador instanceof de Js.
62
62
optionalMessage:PropTypes.instanceOf(Message),
63
63
64
-
// Puedes asegurar que una **prop** esta limitada a valores especificos si se
64
+
// Puedes asegurar que una prop esta limitada a valores específicos si se
65
65
// considera como enum.
66
66
optionalEnum:PropTypes.oneOf(['News', 'Photos']),
67
67
@@ -92,7 +92,7 @@ MyComponent.propTypes = {
92
92
requiredAny:PropTypes.any.isRequired,
93
93
94
94
// También puedes suministrar un validador personalizado. Debe retornar un objeto Error
95
-
// si la validación falla. No use `console.warn` o throwm, porque no va a funcionar en
95
+
// si la validación falla. No use `console.warn` o throw, porque no va a funcionar en
@@ -127,7 +127,7 @@ import PropTypes from 'prop-types';
127
127
128
128
classMyComponentextendsReact.Component {
129
129
render() {
130
-
//This must be exactly one element or it will warn.
130
+
//Debe ser exactamente un elemento o generará una advertencia
131
131
constchildren=this.props.children;
132
132
return (
133
133
<div>
@@ -144,7 +144,7 @@ MyComponent.propTypes = {
144
144
145
145
### Valores por defecto de Props
146
146
147
-
Puedes definir los valores por defecto de tus **props** al asignar la propiedad especial `defaultProps`:
147
+
Puedes definir los valores por defecto de tus props al asignar la propiedad especial `defaultProps`:
148
148
149
149
```javascript
150
150
classGreetingextendsReact.Component {
@@ -183,4 +183,4 @@ class Greeting extends React.Component {
183
183
}
184
184
```
185
185
186
-
`defaultProps` se usa para asegurar que `this.props.name` tendrá un valor si no fue especificado por el componente padre. La verificación de tipo de `propTypes` sucede despues de resolver `defaultProps`, así que la verificación de tipo también se aplica a `defaultProps`.
186
+
`defaultProps` se usa para asegurar que `this.props.name` tendrá un valor si no fue especificado por el componente padre. La verificación de tipo de `propTypes` sucede después de resolver `defaultProps`, así que la verificación de tipo también se aplica a `defaultProps`.
0 commit comments