fixes

Author: bielarusajed

src/content/reference/react/forwardRef.md

@@ -4,7 +4,7 @@ title: forwardRef
 
 <Intro>
 
-`forwardRef` Дазваляе кампаненту раскрыць вузел DOM для бацькоўскага кампанента праз [ref.](/learn/manipulating-the-dom-with-refs)
+`forwardRef` дазваляе кампаненту раскрыць вузел DOM для бацькоўскага кампанента праз [ref.](/learn/manipulating-the-dom-with-refs)
 
 ```js
 const SomeComponent = forwardRef(render)
@@ -16,7 +16,7 @@ const SomeComponent = forwardRef(render)
 
 ---
 
-## Reference {/*reference*/}
+## Даведка {/*reference*/}
 
 ### `forwardRef(render)` {/*forwardref*/}
 
@@ -38,11 +38,11 @@ const MyInput = forwardRef(function MyInput(props, ref) {
 
 #### Значэнні, якія вяртаюцца {/*returns*/}
 
-`forwardRef` вяртае кампанент React, які можа быць адрэндэраны праз JSX. У адрозненні ад кампанентаў, вызначаных з дапамогай звычайных функцый, кампанент, вызначаны праз `forwardRef` здольны таксама прымаць пропс `ref`.
+`forwardRef` вяртае кампанент React, які можа быць адрэндэраны праз JSX. У адрозненні ад кампанентаў, вызначаных з дапамогай звычайных функцый, кампанент, вызначаны праз `forwardRef`, здольны таксама прымаць пропс `ref`.
 
-#### Нюансы {/*caveats*/}
+#### Перасцярогі {/*caveats*/}
 
-* У Строгім рэжыме, React будзе **выклікаць функцыю рэндэрынгу двойчы** каб [дапамагчы знайсці выпадковыя нячыстасці](#my-initializer-or-updater-function-runs-twice). Такія паводзіны адбываюцца толькі ў працоўным асяроддзі і ніяк не ўплываюць на працоўнае. Калі функцыя вашага кампанента чыстая (якой яна мае быць), гэта не мае ўплываць на логіку кампанента. Вынік аднаго з выклікаў будзе праігнараваны.
+* У Строгім рэжыме, React будзе **выклікаць функцыю рэндэрынгу двойчы** каб [дапамагчы знайсці выпадковыя нячыстасці](#my-initializer-or-updater-function-runs-twice). Такія паводзіны адбываюцца толькі ў асяроддзі для распрацоўкі і ніяк не ўплываюць на працоўнае. Калі функцыя вашага кампанента чыстая (якой яна мае быць), гэта не павінна ўплываць на логіку кампанента. Вынік аднаго з выклікаў будзе праігнараваны.
 
 
 ---
@@ -66,7 +66,7 @@ const MyInput = forwardRef(function MyInput(props, ref) {
 
 * `props`: Пропсы, перададзеныя з бацькоўскага кампанента.
 
-* `ref`:  Атрыбут `ref`, перададзены з бацькоўскага кампанента. `ref` можа быць аб’ектам ці функцыяй. Калі бацькоўскі кампанент не перадаў рэф, значэннем будзе `null`. Вы маеце перадаць атрыманы `ref` ці ў іншы кампанент, ці ў [`useImperativeHandle`.](/reference/react/useImperativeHandle)
+* `ref`:  Атрыбут `ref`, перададзены з бацькоўскага кампанента. `ref` можа быць аб’ектам ці функцыяй. Калі бацькоўскі кампанент не перадаў рэф, значэннем будзе `null`. Вы маеце перадаць атрыманы `ref` у іншы кампанент ці ў [`useImperativeHandle`.](/reference/react/useImperativeHandle)
 
 #### Значэнні, якія вяртаюцца {/*render-returns*/}
 
@@ -78,7 +78,7 @@ const MyInput = forwardRef(function MyInput(props, ref) {
 
 ### Раскрыццё вузла DOM кампанента бацькоўскаму {/*exposing-a-dom-node-to-the-parent-component*/}
 
-Першапачаткова вузлы DOM кожнага з кампанентаў прыватныя. Але ж, часам бывае карысна адкрыць вузел для бацькоўскага кампанента. Напрыклад, каб дазволіць сфакусавацца на ім. Каб гэта зрабіць, абгарніце вызначэнне вашага кампанента ў `forwardRef()`:
+Першапачаткова вузлы DOM кожнага з кампанентаў прыватныя. Але ж, часам бывае карысна адкрыць вузел для бацькоўскага кампанента. Напрыклад, каб дазволіць сфакусіравацца на ім. Каб гэта зрабіць, абгарніце вызначэнне вашага кампанента ў `forwardRef()`:
 
 ```js {3,11}
 import { forwardRef } from 'react';
@@ -124,7 +124,7 @@ function Form() {
     <form>
       <MyInput label="Увядзіце вашае імя:" ref={ref} />
       <button type="button" onClick={handleClick}>
-        Edit
+        Рэдагаваць
       </button>
     </form>
   );
@@ -133,13 +133,13 @@ function Form() {
 
 Дадзены кампанент `Form` [задае рэф](/reference/react/useRef#manipulating-the-dom-with-a-ref) для `MyInput`. Кампанент `MyInput` *перанакіроўвае* гэты рэф да тэга `<input>`. У выніку кампанент `Form` можа атрымаць доступ да вузла DOM `<input>` і выклікаць ягоны метад [`focus()`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus).
 
-Памятайце, што раскрыццё рэфа вузла DOM унутры кампанента ўскладняе змену ўнутраных часцей кампанента пазней. Звычайна вам можа спатрэбіцца раскрыццё вузлоў DOM для нізкаўзроўневых кампанентаў, якія вы будзеце перавыкарыстоўваць, такіх як кнопкі ці палі ўводу тэксту, але, не для болей высоўкаўзроўневых, такіх як аватары ці каментарыі.
+Памятайце, што раскрыццё рэфа вузла DOM унутры кампанента ўскладняе змену ўнутраных часцей кампанента пазней. Звычайна вам можа спатрэбіцца раскрыццё вузлоў DOM для нізкаўзроўневых кампанентаў, якія вы будзеце перавыкарыстоўваць, такіх як кнопкі ці палі ўводу тэксту, але не для болей высоўкаўзроўневых, такіх як аватары ці каментарыі.
 
 <Recipes titleText="Прыклады перанакіроўвання рэфа">
 
-#### Факусаванне на полі ўводу тэксту {/*focusing-a-text-input*/}
+#### Факусіраванне на полі ўводу тэксту {/*focusing-a-text-input*/}
 
-Націсканне кнопкі прывядзе на факусаванні на полі ўводу. Кампанент `Form` вызначае рэф і перадае яго ў кампанент `MyInput`. Кампанент `MyInput` перанакіроўвае гэты рэф да элемента `<input>`. Гэта дазваляе кампаненту `Form` зрабіць факусаванне на `<input>`.
+Націсканне кнопкі прывядзе да факусіравання на полі ўводу. Кампанент `Form` вызначае рэф і перадае яго ў кампанент `MyInput`. Кампанент `MyInput` перанакіроўвае гэты рэф да элемента `<input>`. Гэта дазваляе кампаненту `Form` зрабіць факусіраванне на `<input>`.
 
 <Sandpack>
 
@@ -404,7 +404,7 @@ const MyInput = forwardRef(function MyInput(props, ref) {
 });
 ```
 
-Калі які-небудзь кампанент перадасць рэф у `MyInput`, ён атрымае толькі ваш аб’ект `{ focus, scrollIntoView }` замест вузла DOM. Гэта дазваляе лімітаваць інфармацыю, якую вы хочаце раскрыць пра ваш вузел DOM, да мінімуму.
+Калі які-небудзь кампанент перадасць рэф у `MyInput`, ён атрымае толькі ваш аб’ект `{ focus, scrollIntoView }` замест вузла DOM. Гэта дазваляе абмяжоўваць інфармацыю, якую вы хочаце раскрыць пра ваш вузел DOM, да мінімуму.
 
 <Sandpack>
 
@@ -467,15 +467,15 @@ input {
 
 <Pitfall>
 
-**Не выкарыстоўвайце рэфы болей, чым трэба.** Варта выкарыстоўваць рэфы толькі для загаднага кіравання, якое нельга зрабіць праз пропсы: напрыклад, каб прагартаць да вузла, сфакусавацца на ім, пачаць анімацыю, вылучыць тэкст і г.д.
+**Не выкарыстоўвайце рэфы болей, чым трэба.** Варта выкарыстоўваць рэфы толькі для загаднага кіравання, якое нельга зрабіць праз пропсы: напрыклад, каб прагартаць да вузла, сфакусіравацца на ім, пачаць анімацыю, вылучыць тэкст і г.д.
 
-**Калі штосьці можна выразіць пропсамі, не варта выкарыстоўваць для гэтага рэфы.** Напрыклад, замест раскрыцця загаднага кіравання, напрыклад вось такога: `{ open, close }` з кампанент `Modal`, лепей порымаць `isOpen` як пропс, напрыклад: `<Modal isOpen={isOpen} />`. [Эфекты](/learn/synchronizing-with-effects) могуць дапамагчы раскрыць загаднае кіраванне ў выглядзе пропсаў.
+**Калі штосьці можна выразіць пропсамі, не варта выкарыстоўваць для гэтага рэфы.** Напрыклад, замест раскрыцця падобнага загаднага кіравання: `{ open, close }` з кампанента `Modal`, лепей прымаць `isOpen` як пропс, напрыклад: `<Modal isOpen={isOpen} />`. [Эфекты](/learn/synchronizing-with-effects) могуць дапамагчы раскрыць загаднае кіраванне ў выглядзе пропсаў.
 
 </Pitfall>
 
 ---
 
-## Магчымыя непаладкі {/*troubleshooting*/}
+## Дыягностыка непаладак {/*troubleshooting*/}
 
 ### Мой кампанент абгорнуты ў `forwardRef`, але `ref` заўсёды `null` {/*my-component-is-wrapped-in-forwardref-but-the-ref-to-it-is-always-null*/}
 
@@ -520,7 +520,7 @@ const MyInput = forwardRef(function MyInput({ label, showInput }, ref) {
 });
 ```
 
-Калі значэнне `showInput` роўнае `false`, рэф не будзе перададзены ніводнаму вузлу, і рэф `MyInput` застанецца пустым. Падобнае лёгка прапусціць, калі ўмова схаваная ўнутры іншага кампанента, як з гэтым кампанентам `Panel` у прыкладзе:
+Калі значэнне `showInput` роўнае `false`, рэф не будзе перададзены ніводнаму вузлу, і рэф `MyInput` застанецца пустым. Падобнае лёгка прапусціць, калі ўмова схаваная ўнутры іншага кампанента, як у гэтым кампаненце `Panel` у прыкладзе:
 
 ```js {5,7}
 const MyInput = forwardRef(function MyInput({ label, showInput }, ref) {