Skip to content

Commit cc35ca4

Browse files
docs: translate isValidElement.md to Русский
1 parent 2958f53 commit cc35ca4

1 file changed

Lines changed: 40 additions & 40 deletions

File tree

src/content/reference/react/isValidElement.md

Lines changed: 40 additions & 40 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` проверяет, является ли значение React-элементом.
88

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

1717
---
1818

19-
## Reference {/*reference*/}
19+
## Справочник {/*reference*/}
2020

2121
### `isValidElement(value)` {/*isvalidelement*/}
2222

23-
Call `isValidElement(value)` to check whether `value` is a React element.
23+
Вызовите `isValidElement(value)`, чтобы проверить, является ли `value` React-элементом.
2424

2525
```js
2626
import { isValidElement, createElement } from 'react';
2727

28-
// ✅ React elements
28+
// ✅ React-элементы
2929
console.log(isValidElement(<p />)); // true
3030
console.log(isValidElement(createElement('p'))); // true
3131

32-
//Not React elements
32+
//Не React-элементы
3333
console.log(isValidElement(25)); // false
3434
console.log(isValidElement('Hello')); // false
3535
console.log(isValidElement({ age: 42 })); // false
3636
```
3737

38-
[See more examples below.](#usage)
38+
[См. больше примеров ниже.](#usage)
3939

40-
#### Parameters {/*parameters*/}
40+
#### Параметры {/*parameters*/}
4141

42-
* `value`: The `value` you want to check. It can be any a value of any type.
42+
* `value`: `value`, которое вы хотите проверить. Может быть значением любого типа.
4343

44-
#### Returns {/*returns*/}
44+
#### Возвращает {/*returns*/}
4545

46-
`isValidElement` returns `true` if the `value` is a React element. Otherwise, it returns `false`.
46+
`isValidElement` возвращает `true`, если `value` является React-элементом. В противном случае возвращает `false`.
4747

48-
#### Caveats {/*caveats*/}
48+
#### Ограничения {/*caveats*/}
4949

50-
* **Only [JSX tags](/learn/writing-markup-with-jsx) and objects returned by [`createElement`](/reference/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`](/reference/react-dom/createPortal) are also *not* considered to be React elements.
50+
* **Только [JSX-теги](/learn/writing-markup-with-jsx) и объекты, возвращаемые [`createElement`](/reference/react/createElement), считаются React-элементами.** Например, даже если число `42` является допустимым React-*узлом* (и может быть возвращено из компонента), оно не является допустимым React-элементом. Массивы и порталы, созданные с помощью [`createPortal`](/reference/react-dom/createPortal), также *не* считаются React-элементами.
5151

5252
---
5353

54-
## Usage {/*usage*/}
54+
## Использование {/*usage*/}
5555

56-
### Checking if something is a React element {/*checking-if-something-is-a-react-element*/}
56+
### Проверка, является ли что-то React-элементом {/*checking-if-something-is-a-react-element*/}
5757

58-
Call `isValidElement` to check if some value is a *React element.*
58+
Вызовите `isValidElement`, чтобы проверить, является ли некоторое значение *React-элементом*.
5959

60-
React elements are:
60+
React-элементы:
6161

62-
- Values produced by writing a [JSX tag](/learn/writing-markup-with-jsx)
63-
- Values produced by calling [`createElement`](/reference/react/createElement)
62+
- Значения, созданные с помощью [JSX-тега](/learn/writing-markup-with-jsx)
63+
- Значения, созданные вызовом [`createElement`](/reference/react/createElement)
6464

65-
For React elements, `isValidElement` returns `true`:
65+
Для React-элементов `isValidElement` возвращает `true`:
6666

6767
```js
6868
import { isValidElement, createElement } from 'react';
6969

70-
// ✅ JSX tags are React elements
70+
// ✅ JSX-теги являются React-элементами
7171
console.log(isValidElement(<p />)); // true
7272
console.log(isValidElement(<MyComponent />)); // true
7373

74-
//Values returned by createElement are React elements
74+
//Значения, возвращаемые createElement, являются React-элементами
7575
console.log(isValidElement(createElement('p'))); // true
7676
console.log(isValidElement(createElement(MyComponent))); // true
7777
```
7878

79-
Any other values, such as strings, numbers, or arbitrary objects and arrays, are not React elements.
79+
Любые другие значения, такие как строки, числа или произвольные объекты и массивы, не являются React-элементами.
8080

81-
For them, `isValidElement` returns `false`:
81+
Для них `isValidElement` возвращает `false`:
8282

8383
```js
84-
//These are *not* React elements
84+
//Это *не* React-элементы
8585
console.log(isValidElement(null)); // false
8686
console.log(isValidElement(25)); // false
8787
console.log(isValidElement('Hello')); // false
@@ -90,39 +90,39 @@ console.log(isValidElement([<div />, <div />])); // false
9090
console.log(isValidElement(MyComponent)); // false
9191
```
9292

93-
It is very uncommon to need `isValidElement`. It's mostly useful if you're calling another API that *only* accepts elements (like [`cloneElement`](/reference/react/cloneElement) does) and you want to avoid an error when your argument is not a React element.
93+
Очень редко возникает необходимость использовать `isValidElement`. В основном это полезно, если вы вызываете другой API, который принимает *только* элементы (как [`cloneElement`](/reference/react/cloneElement)), и вы хотите избежать ошибки, когда ваш аргумент не является React-элементом.
9494

95-
Unless you have some very specific reason to add an `isValidElement` check, you probably don't need it.
95+
Если у вас нет очень веской причины добавлять проверку `isValidElement`, скорее всего, она вам не нужна.
9696

9797
<DeepDive>
9898

99-
#### React elements vs React nodes {/*react-elements-vs-react-nodes*/}
99+
#### React-элементы против React-узлов {/*react-elements-vs-react-nodes*/}
100100

101-
When you write a component, you can return any kind of *React node* from it:
101+
Когда вы пишете компонент, вы можете вернуть из него любой *React-узел*:
102102

103103
```js
104104
function MyComponent() {
105-
// ... you can return any React node ...
105+
// ... вы можете вернуть любой React-узел ...
106106
}
107107
```
108108

109-
A React node can be:
109+
React-узел может быть:
110110

111-
- A React element created like `<div />` or `createElement('div')`
112-
- A portal created with [`createPortal`](/reference/react-dom/createPortal)
113-
- A string
114-
- A number
115-
- `true`, `false`, `null`, or `undefined` (which are not displayed)
116-
- An array of other React nodes
111+
- React-элементом, созданным как `<div />` или `createElement('div')`
112+
- Порталом, созданным с помощью [`createPortal`](/reference/react-dom/createPortal)
113+
- Строкой
114+
- Числом
115+
- `true`, `false`, `null` или `undefined` (которые не отображаются)
116+
- Массивом других React-узлов
117117

118-
**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:
118+
**Обратите внимание: `isValidElement` проверяет, является ли аргумент *React-элементом*, а не React-узлом.** Например, `42` не является допустимым React-элементом. Однако это вполне допустимый React-узел:
119119

120120
```js
121121
function MyComponent() {
122-
return 42; // It's ok to return a number from component
122+
return 42; // Возвращать число из компонента нормально
123123
}
124124
```
125125

126-
This is why you shouldn't use `isValidElement` as a way to check whether something can be rendered.
126+
Вот почему вы не должны использовать `isValidElement` для проверки того, можно ли что-то отрисовать.
127127

128-
</DeepDive>
128+
</DeepDive>

0 commit comments

Comments
 (0)