From cc35ca4b231cce2b95dc594ffe64d0f78cc3d5f0 Mon Sep 17 00:00:00 2001 From: "translate-react-bot[bot]" <251169733+translate-react-bot[bot]@users.noreply.github.com> Date: Wed, 4 Feb 2026 15:14:10 +0000 Subject: [PATCH 1/2] =?UTF-8?q?docs:=20translate=20`isValidElement.md`=20t?= =?UTF-8?q?o=20=D0=A0=D1=83=D1=81=D1=81=D0=BA=D0=B8=D0=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/reference/react/isValidElement.md | 80 +++++++++---------- 1 file changed, 40 insertions(+), 40 deletions(-) diff --git a/src/content/reference/react/isValidElement.md b/src/content/reference/react/isValidElement.md index bc4fbaef45..dcfcb66cb8 100644 --- a/src/content/reference/react/isValidElement.md +++ b/src/content/reference/react/isValidElement.md @@ -4,7 +4,7 @@ title: isValidElement -`isValidElement` checks whether a value is a React element. +`isValidElement` проверяет, является ли значение React-элементом. ```js const isElement = isValidElement(value) @@ -16,72 +16,72 @@ const isElement = isValidElement(value) --- -## Reference {/*reference*/} +## Справочник {/*reference*/} ### `isValidElement(value)` {/*isvalidelement*/} -Call `isValidElement(value)` to check whether `value` is a React element. +Вызовите `isValidElement(value)`, чтобы проверить, является ли `value` React-элементом. ```js import { isValidElement, createElement } from 'react'; -// ✅ React elements +// ✅ React-элементы console.log(isValidElement(

)); // true console.log(isValidElement(createElement('p'))); // true -// ❌ Not React elements +// ❌ Не React-элементы console.log(isValidElement(25)); // false console.log(isValidElement('Hello')); // false console.log(isValidElement({ age: 42 })); // false ``` -[See more examples below.](#usage) +[См. больше примеров ниже.](#usage) -#### Parameters {/*parameters*/} +#### Параметры {/*parameters*/} -* `value`: The `value` you want to check. It can be any a value of any type. +* `value`: `value`, которое вы хотите проверить. Может быть значением любого типа. -#### Returns {/*returns*/} +#### Возвращает {/*returns*/} -`isValidElement` returns `true` if the `value` is a React element. Otherwise, it returns `false`. +`isValidElement` возвращает `true`, если `value` является React-элементом. В противном случае возвращает `false`. -#### Caveats {/*caveats*/} +#### Ограничения {/*caveats*/} -* **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. +* **Только [JSX-теги](/learn/writing-markup-with-jsx) и объекты, возвращаемые [`createElement`](/reference/react/createElement), считаются React-элементами.** Например, даже если число `42` является допустимым React-*узлом* (и может быть возвращено из компонента), оно не является допустимым React-элементом. Массивы и порталы, созданные с помощью [`createPortal`](/reference/react-dom/createPortal), также *не* считаются React-элементами. --- -## Usage {/*usage*/} +## Использование {/*usage*/} -### Checking if something is a React element {/*checking-if-something-is-a-react-element*/} +### Проверка, является ли что-то React-элементом {/*checking-if-something-is-a-react-element*/} -Call `isValidElement` to check if some value is a *React element.* +Вызовите `isValidElement`, чтобы проверить, является ли некоторое значение *React-элементом*. -React elements are: +React-элементы: -- Values produced by writing a [JSX tag](/learn/writing-markup-with-jsx) -- Values produced by calling [`createElement`](/reference/react/createElement) +- Значения, созданные с помощью [JSX-тега](/learn/writing-markup-with-jsx) +- Значения, созданные вызовом [`createElement`](/reference/react/createElement) -For React elements, `isValidElement` returns `true`: +Для React-элементов `isValidElement` возвращает `true`: ```js import { isValidElement, createElement } from 'react'; -// ✅ JSX tags are React elements +// ✅ JSX-теги являются React-элементами console.log(isValidElement(

)); // true console.log(isValidElement()); // true -// ✅ Values returned by createElement are React elements +// ✅ Значения, возвращаемые createElement, являются React-элементами console.log(isValidElement(createElement('p'))); // true console.log(isValidElement(createElement(MyComponent))); // true ``` -Any other values, such as strings, numbers, or arbitrary objects and arrays, are not React elements. +Любые другие значения, такие как строки, числа или произвольные объекты и массивы, не являются React-элементами. -For them, `isValidElement` returns `false`: +Для них `isValidElement` возвращает `false`: ```js -// ❌ These are *not* React elements +// ❌ Это *не* React-элементы console.log(isValidElement(null)); // false console.log(isValidElement(25)); // false console.log(isValidElement('Hello')); // false @@ -90,39 +90,39 @@ console.log(isValidElement([

,
])); // false console.log(isValidElement(MyComponent)); // false ``` -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. +Очень редко возникает необходимость использовать `isValidElement`. В основном это полезно, если вы вызываете другой API, который принимает *только* элементы (как [`cloneElement`](/reference/react/cloneElement)), и вы хотите избежать ошибки, когда ваш аргумент не является React-элементом. -Unless you have some very specific reason to add an `isValidElement` check, you probably don't need it. +Если у вас нет очень веской причины добавлять проверку `isValidElement`, скорее всего, она вам не нужна. -#### React elements vs React nodes {/*react-elements-vs-react-nodes*/} +#### React-элементы против React-узлов {/*react-elements-vs-react-nodes*/} -When you write a component, you can return any kind of *React node* from it: +Когда вы пишете компонент, вы можете вернуть из него любой *React-узел*: ```js function MyComponent() { - // ... you can return any React node ... + // ... вы можете вернуть любой React-узел ... } ``` -A React node can be: +React-узел может быть: -- A React element created like `
` or `createElement('div')` -- A portal created with [`createPortal`](/reference/react-dom/createPortal) -- A string -- A number -- `true`, `false`, `null`, or `undefined` (which are not displayed) -- An array of other React nodes +- React-элементом, созданным как `
` или `createElement('div')` +- Порталом, созданным с помощью [`createPortal`](/reference/react-dom/createPortal) +- Строкой +- Числом +- `true`, `false`, `null` или `undefined` (которые не отображаются) +- Массивом других React-узлов -**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: +**Обратите внимание: `isValidElement` проверяет, является ли аргумент *React-элементом*, а не React-узлом.** Например, `42` не является допустимым React-элементом. Однако это вполне допустимый React-узел: ```js function MyComponent() { - return 42; // It's ok to return a number from component + return 42; // Возвращать число из компонента нормально } ``` -This is why you shouldn't use `isValidElement` as a way to check whether something can be rendered. +Вот почему вы не должны использовать `isValidElement` для проверки того, можно ли что-то отрисовать. - + \ No newline at end of file From 97b68c2e37bf4f069624e3c2e30a7ecd497c580b Mon Sep 17 00:00:00 2001 From: "translate-react-bot[bot]" <251169733+translate-react-bot[bot]@users.noreply.github.com> Date: Mon, 18 May 2026 16:30:09 +0000 Subject: [PATCH 2/2] =?UTF-8?q?docs:=20translate=20`isValidElement.md`=20t?= =?UTF-8?q?o=20=D0=A0=D1=83=D1=81=D1=81=D0=BA=D0=B8=D0=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/reference/react/isValidElement.md | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/src/content/reference/react/isValidElement.md b/src/content/reference/react/isValidElement.md index dcfcb66cb8..d92f339064 100644 --- a/src/content/reference/react/isValidElement.md +++ b/src/content/reference/react/isValidElement.md @@ -1,7 +1,6 @@ --- title: isValidElement --- - `isValidElement` проверяет, является ли значение React-элементом. @@ -39,9 +38,9 @@ console.log(isValidElement({ age: 42 })); // false #### Параметры {/*parameters*/} -* `value`: `value`, которое вы хотите проверить. Может быть значением любого типа. +* `value`: Значение `value`, которое вы хотите проверить. Это может быть значение любого типа. -#### Возвращает {/*returns*/} +#### Возвращаемое значение {/*returns*/} `isValidElement` возвращает `true`, если `value` является React-элементом. В противном случае возвращает `false`. @@ -59,8 +58,8 @@ console.log(isValidElement({ age: 42 })); // false React-элементы: -- Значения, созданные с помощью [JSX-тега](/learn/writing-markup-with-jsx) -- Значения, созданные вызовом [`createElement`](/reference/react/createElement) +- Значения, полученные при написании [JSX-тега](/learn/writing-markup-with-jsx) +- Значения, полученные при вызове [`createElement`](/reference/react/createElement) Для React-элементов `isValidElement` возвращает `true`: @@ -90,9 +89,9 @@ console.log(isValidElement([
,
])); // false console.log(isValidElement(MyComponent)); // false ``` -Очень редко возникает необходимость использовать `isValidElement`. В основном это полезно, если вы вызываете другой API, который принимает *только* элементы (как [`cloneElement`](/reference/react/cloneElement)), и вы хотите избежать ошибки, когда ваш аргумент не является React-элементом. +Очень редко возникает необходимость использовать `isValidElement`. Это в основном полезно, если вы вызываете другой API, который *принимает только* элементы (как [`cloneElement`](/reference/react/cloneElement)), и вы хотите избежать ошибки, когда ваш аргумент не является React-элементом. -Если у вас нет очень веской причины добавлять проверку `isValidElement`, скорее всего, она вам не нужна. +Если у вас нет какой-то очень специфической причины добавлять проверку `isValidElement`, скорее всего, она вам не нужна. @@ -115,14 +114,14 @@ React-узел может быть: - `true`, `false`, `null` или `undefined` (которые не отображаются) - Массивом других React-узлов -**Обратите внимание: `isValidElement` проверяет, является ли аргумент *React-элементом*, а не React-узлом.** Например, `42` не является допустимым React-элементом. Однако это вполне допустимый React-узел: +**Обратите внимание, что `isValidElement` проверяет, является ли аргумент *React-элементом*, а не React-узлом.** Например, `42` не является допустимым React-элементом. Однако это совершенно допустимый React-узел: ```js function MyComponent() { - return 42; // Возвращать число из компонента нормально + return 42; // Можно вернуть число из компонента } ``` -Вот почему вы не должны использовать `isValidElement` для проверки того, можно ли что-то отрисовать. +Вот почему вы не должны использовать `isValidElement` для проверки того, можно ли что-то отобразить. \ No newline at end of file