Skip to content

Commit be4942f

Browse files
committed
Рэў'ю перакладу
1 parent 15590cb commit be4942f

1 file changed

Lines changed: 10 additions & 10 deletions

File tree

src/content/learn/state-a-components-memory.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -151,17 +151,17 @@ button {
151151

152152
</Sandpack>
153153

154-
Апрацоўшчык падзей `handleClick` абнаўляе лакальную пераменную ` index`. Але два моманты не даюць пабачыць змены:
154+
Апрацоўшчык падзей `handleClick` абнаўляе лакальную пераменную `index`. Але два моманты не даюць пабачыць змены:
155155

156-
1. **Лакальныя пераменныя не захоўваюцца паміж рэндэрамі.** Калі React другі раз рэндэрыць гэты кампанент, ён рэндэрыць яго з нуля — не ўлічваючы ніякіх змен у лакальных пераменных.
156+
1. **Лакальныя пераменныя не захоўваюцца паміж рэндэрамі.** Калі React рэндэрыць гэты кампанент у другі раз, ён рэндэрыць яго з нуля — не ўлічваючы ніякіх змен у лакальных пераменных.
157157
2. **Змены ў лакальных пераменных не запускаюць паўторны рэндэр.** React не разумее, што яму трэба зноў адрэндэрыць кампанент з новымі данымі.
158158

159159
Для таго, каб новыя даныя з'явіліся ў кампаненце, трэба зрабіць дзве рэчы:
160160

161161
1. **Захаваць** даныя паміж рэндэрамі.
162162
2. **Запусціць** рэндэр кампанента з новымі данымі (перарэндэр).
163163

164-
Хук [`useState`](/reference/react/useState) забяспечвае наступнае:
164+
Хук [`useState`](/reference/react/useState) дае наступнае:
165165

166166
1. **Пераменную стану** для захавання даных паміж рэндэрамі.
167167
2. **Функцыю задання стану** для абнаўлення пераменнай і запуску паўторнага рэндэру кампанента.
@@ -188,7 +188,7 @@ const [index, setIndex] = useState(0);
188188

189189
`index` — гэта пераменная стану, а `setIndex` — функцыя задання стану.
190190

191-
> Сінтаксіс `[` і `]` называецца [дэструктурызацыя масіву](https://javascript.info/destructuring-assignment) і дазваляе чытаць значэнні з масіву. Масіў, які вяртае `useState`, заўсёды мае два элементы.
191+
> Сінтаксіс `[` і `]` называецца [дэструктурызацый масіву](https://javascript.info/destructuring-assignment) і дазваляе чытаць значэнні з масіву. Масіў, які вяртае `useState`, заўсёды мае два элементы.
192192
193193
Вось як яны працуюць разам у `handleclick`:
194194

@@ -890,15 +890,15 @@ button {
890890

891891
</Sandpack>
892892

893-
Гэта тое, што адрознівае стан ад звычайных пераменных, якія вы можаце аб'явіць у верхняй частцы вашага модуля. Стан не прывязаны да пэўнага выкліку функцыі або месца ў кодзе, ён «лакальны» для пэўнага месца на экране. Вы адрэндэрылі два кампаненты `<Gallery />`, таму іх стан захоўваецца асобна.
893+
Гэта тое, што адрознівае стан ад звычайных пераменных, якія вы можаце аб'явіць у верхняй частцы вашага модуля. Стан не прывязаны да пэўнага выкліку функцыі або месца ў кодзе, ён «лакальны» для пэўнага месца на экране. Вы адрэндэрылі два кампаненты `<Gallery />`, таму іх станы захоўваюцца асобна.
894894

895895
Таксама звярніце ўвагу на тое, што кампанент `Page` нічога не «ведае» пра стан кампанента `Gallery` і нават пра тое, ці ёсць ён у яго наогул. У адрозненне ад пропсаў, **стан з'яўляецца цалкам прыватным для кампанента, які яго аб'яўляе.** Бацькоўскі кампанент не можа змяніць яго. Дзякуючы гэтаму, дадаванне стану да любога кампанента або яго выдаленне не ўплывае на астатнія кампаненты.
896896

897897
Што рабіць, калі вы хочаце, каб абедзве галерэі сінхранізавалі свае станы? Правільны спосаб зрабіць гэта ў React — гэта *выдаліць* стан з даччыных кампанентаў і дадаць яго да іх найбліжэйшага агульнага бацькоўскага кампанента. Наступныя некалькі старонак будуць прысвечаны арганізацыі стану аднаго кампанента, але мы вернемся да гэтай тэмы на старонцы «[Сумеснае выкарыстанне стану кампанентамі.](/learn/sharing-state-between-components)»
898898

899899
<Recap>
900900

901-
* Выкарыстоўвайце пераменную стану калі кампаненту трэба «запомніць» некаторую інфармацыю паміж рэндэрамі.
901+
* Выкарыстоўвайце пераменную стану калі кампаненту трэба «запомніць» нейкую інфармацыю паміж рэндэрамі.
902902
* Пераменныя стану аб'яўляюцца з дапамогай выкліку хука `useState`.
903903
* Хукі — гэта спецыяльныя функцыі, якія пачынаюцца з `use`. Яны дазваляюць падключацца («hook into») да функцый React, такіх як стан.
904904
* Хукі могуць нагадваць імпарт: яны павінны выклікацца безумоўна. Выклік хукаў, у тым ліку `useState`, дзейнічае толькі на верхнім узроўні кампанента або іншага хука.
@@ -914,9 +914,9 @@ button {
914914

915915
#### Завяршыце галерэю {/*complete-the-gallery*/}
916916

917-
Калі вы націскаеце «Далей» на апошняй скульптуры, код дае збой. Выправіце логіку, каб прадухіліць збой. Вы можаце зрабіць гэта, дадаўшы дадатковую логіку ў апрацоўшчык падзей або адключыўшы кнопку, калі дзеянне немагчыма.
917+
Калі вы націскаеце «Далей» на апошняй скульптуры, код выдае памылку. Выправіце логіку, каб прадухіліць памылку. Вы можаце зрабіць гэта, дадаўшы дадатковую логіку ў апрацоўшчык падзей або адключыўшы кнопку, калі дзеянне немагчыма.
918918

919-
Пасля ліквідацыі збою дадайце кнопку «Назад», якая паказвае папярэднюю скульптуру. Яна не павінна даваць збой на першай скульптуры.
919+
Пасля ліквідацыі памылкі дадайце кнопку «Назад», якая паказвае папярэднюю скульптуру. Яна не павінна выдаваць памылку на першай скульптуры.
920920

921921
<Sandpack>
922922

@@ -1330,7 +1330,7 @@ h1 { margin-top: 10px; }
13301330

13311331
<Hint>
13321332

1333-
Ці існуюць нейкія абмежаванні на тое, _дзе_ могуць быць выкліканыя хукі? Ці парушае гэты кампанент якія-небудзь правілы? Праверце, ці ёсць якія-небудзь каментарыі, якія адключаюць праверку лінтара — у такіх месцах часта хаваюцца памылкі!
1333+
Ці існуюць нейкія абмежаванні на тое, _дзе_ могуць быць выкліканы хукі? Ці парушае гэты кампанент якія-небудзь правілы? Праверце, ці ёсць якія-небудзь каментарыі, якія адключаюць праверку лінтара — у такіх месцах часта хаваюцца памылкі!
13341334

13351335
</Hint>
13361336

@@ -1503,7 +1503,7 @@ export default function FeedbackForm() {
15031503

15041504
</Sandpack>
15051505

1506-
Пераменная стану неабходная толькі для захавання інфармацыі паміж паўторнымі рэндэрамі кампанента. У рамках аднаго апрацоўшчыка падзей добра падыдзе звычайная пераменная. Не ўводзьце пераменныя стану, калі дастаткова звычайная пераменнай.
1506+
Пераменная стану неабходна толькі для захавання інфармацыі паміж паўторнымі рэндэрамі кампанента. У рамках аднаго апрацоўшчыка падзей добра падыдзе звычайная пераменная. Не ўводзьце пераменную стану, калі дастаткова звычайнай пераменнай.
15071507

15081508
</Solution>
15091509

0 commit comments

Comments
 (0)