Skip to content

Commit c00b16b

Browse files
cjosue15carburo
andauthored
translate isValidElement reference (#576)
* add translation page and index reference * Update isValidElement.md Co-authored-by: Rainer Martínez Fraga <rmartinezfraga@yandex.com>
1 parent 39e02e8 commit c00b16b

File tree

2 files changed

+40
-40
lines changed

2 files changed

+40
-40
lines changed

beta/src/content/apis/react/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -234,7 +234,7 @@ React.cloneElement(element, props);
234234
235235
<YouWillLearnCard title="isValidElement" path="/apis/react/isValidElement">
236236
237-
Verifies the object is a React element:
237+
Verifica que el objeto es un elemento de React:
238238
239239
```js
240240
React.isValidElement(object);

beta/src/content/apis/react/isValidElement.md

Lines changed: 39 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: isValidElement
44

55
<Intro>
66

7-
`isValidElement` checks whether a value is a React element.
7+
`isValidElement` comprueba si un valor es un elemento de React.
88

99
```js
1010
const isElement = isValidElement(value)
@@ -16,37 +16,37 @@ const isElement = isValidElement(value)
1616

1717
---
1818

19-
## Usage {/*usage*/}
19+
## Uso {/*usage*/}
2020

21-
### Checking if something is a React element {/*checking-if-something-is-a-react-element*/}
21+
### Comprobar si algo es un elemento de React {/*checking-if-something-is-a-react-element*/}
2222

23-
Call `isValidElement` to check if some value is a *React element.*
23+
Llama `isValidElement` para comprobar si algún valor es un *elemento de React.*
2424

25-
React elements are:
25+
Los elementos de React son:
2626

27-
- Values produced by writing a [JSX tag](/learn/writing-markup-with-jsx)
28-
- Values produced by calling [`createElement`](/apis/react/createElement)
27+
- Los valores producidos al escribir una [etiqueta JSX](/learn/writing-markup-with-jsx)
28+
- Los valores producidos por llamar [`createElement`](/apis/react/createElement)
2929

30-
For React elements, `isValidElement` returns `true`:
30+
Para los elementos de React, `isValidElement` devuelve `true`:
3131

3232
```js
3333
import { isValidElement, createElement } from 'react';
3434

35-
// ✅ JSX tags are React elements
35+
//Las etiquetas JSX son elementos de React
3636
console.log(isValidElement(<p />)); // true
3737
console.log(isValidElement(<MyComponent />)); // true
3838

39-
//Values returned by createElement are React elements
39+
//Los valores devueltos por createElement son elementos de React
4040
console.log(isValidElement(createElement('p'))); // true
4141
console.log(isValidElement(createElement(MyComponent))); // true
4242
```
4343

44-
Any other values, such as strings, numbers, or arbitrary objects and arrays, are not React elements.
44+
Cualquier otro valor, como _strings_, números u objetos arbitrarios y _arrays_, no son elementos de React.
4545

46-
For them, `isValidElement` returns `false`:
46+
Para ellos, `isValidElement` devuelve `false`:
4747

4848
```js
49-
//These are *not* React elements
49+
//Estos *no* son elementos de React
5050
console.log(isValidElement(null)); // false
5151
console.log(isValidElement(25)); // false
5252
console.log(isValidElement('Hello')); // false
@@ -55,72 +55,72 @@ console.log(isValidElement([<div />, <div />])); // false
5555
console.log(isValidElement(MyComponent)); // false
5656
```
5757

58-
It is very uncommon to need `isValidElement`. It's mostly useful if you're calling another API that *only* accepts elements (like [`cloneElement`](/apis/react/cloneElement) does) and you want to avoid an error when your argument is not a React element.
58+
Es muy poco común necesitar `isValidElement`. Es más útil si estás llamando a otra API que *sólo* acepta elementos (como hace [`cloneElement`](/apis/react/cloneElement) y quieres evitar un error cuando tu argumento no es un elemento de React.
5959

60-
Unless you have some very specific reason to add an `isValidElement` check, you probably don't need it.
60+
A menos que tengas alguna razón muy específica para añadir una comprobación con `isValidElement`, probablemente no la necesites.
6161

62-
<DeepDive title="React elements vs React nodes">
62+
<DeepDive title="Elementos de React vs nodos de React">
6363

64-
When you write a component, you can return any kind of *React node* from it:
64+
Cuando escribas un componente, puedes devolver cualquier tipo de *nodo de React* de él:
6565

6666
```js
6767
function MyComponent() {
68-
// ... you can return any React node ...
68+
// ... puedes devolver cualquier nodo de React ...
6969
}
7070
```
7171

72-
A React node can be:
72+
Un nodo de React puede ser:
7373

74-
- A React element created like `<div />` or `createElement('div')`
75-
- A portal created with [`createPortal`](/apis/react-dom/createPortal)
76-
- A string
77-
- A number
78-
- `true`, `false`, `null`, or `undefined` (which are not displayed)
79-
- An array of other React nodes
74+
- Un elemento de React creado como `<div />` o `createElement('div')`
75+
- Un portal creado con [`createPortal`](/apis/react-dom/createPortal)
76+
- Un _string_
77+
- Un número
78+
- `true`, `false`, `null`, o `undefined` (que no se visualizan)
79+
- Un _array_ de otros nodos de React
8080

81-
**Note `isValidElement` checks whether the argument is a *React element,* not whether it's a React node.** For example, `42` is not a valid React element. However, it is a perfectly valid React node:
81+
**Nota que `isValidElement` comprueba si el argumento es un *elemento de React,* no si es un nodo de React.** Por ejemplo, `42` no es un elemento de React válido. Sin embargo, es un nodo de React perfectamente válido:
8282

8383
```js
8484
function MyComponent() {
85-
return 42; // It's ok to return a number from component
85+
return 42; // Está bien devolver un número del componente
8686
}
8787
```
8888

89-
This is why you shouldn't use `isValidElement` as a way to check whether something can be rendered.
89+
Por eso no deberías usar `isValidElement` como forma de comprobar si algo puede ser renderizado.
9090

9191
</DeepDive>
9292

9393
---
9494

95-
## Reference {/*reference*/}
95+
## Referencia {/*reference*/}
9696

9797
### `isValidElement(value)` {/*isvalidelement*/}
9898

99-
Call `isValidElement(value)` to check whether `value` is a React element.
99+
Llama a `isValidElement(value)` para comprobar si `value` es un elemento de React.
100100

101101
```js
102102
import { isValidElement } from 'react';
103103

104-
//React elements
104+
//Elementos de React
105105
console.log(isValidElement(<p />)); // true
106106
console.log(isValidElement(createElement('p'))); // true
107107

108-
//Not React elements
108+
//No son elementos de React
109109
console.log(isValidElement(25)); // false
110110
console.log(isValidElement('Hello')); // false
111111
console.log(isValidElement({ age: 42 })); // false
112112
```
113113

114-
[See more examples above.](#usage)
114+
[Ver más ejemplos arriba.](#usage)
115115

116-
#### Parameters {/*parameters*/}
116+
#### Parámetros {/*parameters*/}
117117

118-
* `value`: The `value` you want to check. It can be any a value of any type.
118+
* `value`: El `valor` que deseas comprobar. Puede ser cualquier valor de cualquier tipo.
119119

120-
#### Returns {/*returns*/}
120+
#### Devuelve {/*returns*/}
121121

122-
`isValidElement` returns `true` if the `value` is a React element. Otherwise, it returns `false`.
122+
`isValidElement` devuelve `true` si `value` es un elemento de React. En caso contrario, devuelve `false`.
123123

124-
#### Caveats {/*caveats*/}
124+
#### Advertencias {/*caveats*/}
125125

126-
* **Only [JSX tags](/learn/writing-markup-with-jsx) and objects returned by [`createElement`](/apis/react/createElement) are considered to be React elements.** For example, even though a number like `42` is a valid React *node* (and can be returned from a component), it is not a valid React element. Arrays and portals created with [`createPortal`](/apis/react-dom/createPortal) are also *not* considered to be React elements.
126+
* **Sólo las [etiquetas JSX](/learn/writing-markup-with-jsx) y los objetos devueltos por [`createElement`](/apis/react/createElement) se consideran elementos de React.** Por ejemplo, aunque un número como `42` es un *nodo* de React válido (y puede ser devuelto desde un componente), no es un elemento de React válido. Los arrays y portales creados con [`createPortal`](/apis/react-dom/createPortal) tampoco se consideran elementos de React.

0 commit comments

Comments
 (0)