From 498ee519b787862dfa1e530252291c91c6c4507a 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:13:43 +0000
Subject: [PATCH 1/2] =?UTF-8?q?docs:=20translate=20`createRef.md`=20to=20?=
=?UTF-8?q?=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/createRef.md | 48 ++++++++++++------------
1 file changed, 24 insertions(+), 24 deletions(-)
diff --git a/src/content/reference/react/createRef.md b/src/content/reference/react/createRef.md
index 2a3ba6aa3d..80e73e4b6a 100644
--- a/src/content/reference/react/createRef.md
+++ b/src/content/reference/react/createRef.md
@@ -4,13 +4,13 @@ title: createRef
-`createRef` is mostly used for [class components.](/reference/react/Component) Function components typically rely on [`useRef`](/reference/react/useRef) instead.
+`createRef` в основном используется для [классовых компонентов.](/reference/react/Component) Функциональные компоненты обычно используют [`useRef`](/reference/react/useRef) вместо этого.
-`createRef` creates a [ref](/learn/referencing-values-with-refs) object which can contain arbitrary value.
+`createRef` создаёт [реф](/learn/referencing-values-with-refs) объект, который может содержать произвольное значение.
```js
class MyInput extends Component {
@@ -25,11 +25,11 @@ class MyInput extends Component {
---
-## Reference {/*reference*/}
+## Справочник {/*reference*/}
### `createRef()` {/*createref*/}
-Call `createRef` to declare a [ref](/learn/referencing-values-with-refs) inside a [class component.](/reference/react/Component)
+Вызовите `createRef`, чтобы объявить [реф](/learn/referencing-values-with-refs) внутри [классового компонента.](/reference/react/Component)
```js
import { createRef, Component } from 'react';
@@ -40,31 +40,31 @@ class MyComponent extends Component {
// ...
```
-[See more examples below.](#usage)
+[См. больше примеров ниже.](#usage)
-#### Parameters {/*parameters*/}
+#### Параметры {/*parameters*/}
-`createRef` takes no parameters.
+`createRef` не принимает параметров.
-#### Returns {/*returns*/}
+#### Возвращает {/*returns*/}
-`createRef` returns an object with a single property:
+`createRef` возвращает объект с одним свойством:
-* `current`: Initially, it's set to the `null`. You can later set it to something else. If you pass the ref object to React as a `ref` attribute to a JSX node, React will set its `current` property.
+* `current`: Изначально установлено в `null`. Вы можете изменить это значение позже. Если вы передадите реф-объект React как атрибут `ref` узлу JSX, React установит его свойство `current`.
-#### Caveats {/*caveats*/}
+#### Ограничения {/*caveats*/}
-* `createRef` always returns a *different* object. It's equivalent to writing `{ current: null }` yourself.
-* In a function component, you probably want [`useRef`](/reference/react/useRef) instead which always returns the same object.
-* `const ref = useRef()` is equivalent to `const [ref, _] = useState(() => createRef(null))`.
+* `createRef` всегда возвращает *различный* объект. Это эквивалентно написанию `{ current: null }` самостоятельно.
+* В функциональном компоненте вам, вероятно, понадобится [`useRef`](/reference/react/useRef) вместо этого, который всегда возвращает один и тот же объект.
+* `const ref = useRef()` эквивалентно `const [ref, _] = useState(() => createRef(null))`.
---
-## Usage {/*usage*/}
+## Использование {/*usage*/}
-### Declaring a ref in a class component {/*declaring-a-ref-in-a-class-component*/}
+### Объявление рефа в классовом компоненте {/*declaring-a-ref-in-a-class-component*/}
-To declare a ref inside a [class component,](/reference/react/Component) call `createRef` and assign its result to a class field:
+Чтобы объявить реф внутри [классового компонента,](/reference/react/Component) вызовите `createRef` и присвойте результат полю класса:
```js {4}
import { Component, createRef } from 'react';
@@ -76,7 +76,7 @@ class Form extends Component {
}
```
-If you now pass `ref={this.inputRef}` to an `` in your JSX, React will populate `this.inputRef.current` with the input DOM node. For example, here is how you make a button that focuses the input:
+Если вы теперь передадите `ref={this.inputRef}` элементу `` в вашем JSX, React заполнит `this.inputRef.current` DOM-узлом ввода. Например, вот как сделать кнопку, которая фокусирует ввод:
@@ -107,17 +107,17 @@ export default class Form extends Component {
-`createRef` is mostly used for [class components.](/reference/react/Component) Function components typically rely on [`useRef`](/reference/react/useRef) instead.
+`createRef` в основном используется для [классовых компонентов.](/reference/react/Component) Функциональные компоненты обычно используют [`useRef`](/reference/react/useRef) вместо этого.
---
-## Alternatives {/*alternatives*/}
+## Альтернативы {/*alternatives*/}
-### Migrating from a class with `createRef` to a function with `useRef` {/*migrating-from-a-class-with-createref-to-a-function-with-useref*/}
+### Миграция из класса с `createRef` в функцию с `useRef` {/*migrating-from-a-class-with-createref-to-a-function-with-useref*/}
-We recommend using function components instead of [class components](/reference/react/Component) in new code. If you have some existing class components using `createRef`, here is how you can convert them. This is the original code:
+Мы рекомендуем использовать функциональные компоненты вместо [классовых компонентов](/reference/react/Component) в новом коде. Если у вас есть существующие классовые компоненты, использующие `createRef`, вот как вы можете их преобразовать. Это оригинальный код:
@@ -146,7 +146,7 @@ export default class Form extends Component {
-When you [convert this component from a class to a function,](/reference/react/Component#alternatives) replace calls to `createRef` with calls to [`useRef`:](/reference/react/useRef)
+При [преобразовании этого компонента из класса в функцию](/reference/react/Component#alternatives) замените вызовы `createRef` вызовами [`useRef`:](/reference/react/useRef)
@@ -171,4 +171,4 @@ export default function Form() {
}
```
-
+
\ No newline at end of file
From 0b37d98b112ae56f22b7ea3ea7ebd2d771bd9d85 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:29:36 +0000
Subject: [PATCH 2/2] =?UTF-8?q?docs:=20translate=20`createRef.md`=20to=20?=
=?UTF-8?q?=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/createRef.md | 17 ++++++++---------
1 file changed, 8 insertions(+), 9 deletions(-)
diff --git a/src/content/reference/react/createRef.md b/src/content/reference/react/createRef.md
index 80e73e4b6a..94f1cd8e9e 100644
--- a/src/content/reference/react/createRef.md
+++ b/src/content/reference/react/createRef.md
@@ -1,10 +1,9 @@
---
title: createRef
---
-
-`createRef` в основном используется для [классовых компонентов.](/reference/react/Component) Функциональные компоненты обычно используют [`useRef`](/reference/react/useRef) вместо этого.
+`createRef` в основном используется для [классовых компонентов](/reference/react/Component). Функциональные компоненты обычно вместо этого используют [`useRef`](/reference/react/useRef).
@@ -29,7 +28,7 @@ class MyInput extends Component {
### `createRef()` {/*createref*/}
-Вызовите `createRef`, чтобы объявить [реф](/learn/referencing-values-with-refs) внутри [классового компонента.](/reference/react/Component)
+Вызовите `createRef` для объявления [рефа](/learn/referencing-values-with-refs) внутри [классового компонента.](/reference/react/Component)
```js
import { createRef, Component } from 'react';
@@ -46,16 +45,16 @@ class MyComponent extends Component {
`createRef` не принимает параметров.
-#### Возвращает {/*returns*/}
+#### Возвращаемое значение {/*returns*/}
`createRef` возвращает объект с одним свойством:
-* `current`: Изначально установлено в `null`. Вы можете изменить это значение позже. Если вы передадите реф-объект React как атрибут `ref` узлу JSX, React установит его свойство `current`.
+* `current`: Изначально установлено в `null`. Позже вы можете установить его в другое значение. Если вы передадите реф-объект в React как атрибут `ref` узлу JSX, React установит его свойство `current`.
-#### Ограничения {/*caveats*/}
+#### Особенности {/*caveats*/}
-* `createRef` всегда возвращает *различный* объект. Это эквивалентно написанию `{ current: null }` самостоятельно.
-* В функциональном компоненте вам, вероятно, понадобится [`useRef`](/reference/react/useRef) вместо этого, который всегда возвращает один и тот же объект.
+* `createRef` всегда возвращает *разный* объект. Это эквивалентно написанию `{ current: null }` самостоятельно.
+* В функциональном компоненте вы, вероятно, захотите использовать [`useRef`](/reference/react/useRef) вместо этого, который всегда возвращает один и тот же объект.
* `const ref = useRef()` эквивалентно `const [ref, _] = useState(() => createRef(null))`.
---
@@ -107,7 +106,7 @@ export default class Form extends Component {
-`createRef` в основном используется для [классовых компонентов.](/reference/react/Component) Функциональные компоненты обычно используют [`useRef`](/reference/react/useRef) вместо этого.
+`createRef` в основном используется для [классовых компонентов](/reference/react/Component). Функциональные компоненты обычно вместо этого используют [`useRef`](/reference/react/useRef).