Fixing review comments

Author: zubialevich

src/content/learn/responding-to-events.md

@@ -18,7 +18,7 @@ React дазваляе дадаваць *апрацоўшчыкі падзей*
 
 ## Дадаванне апрацоўшчыкаў падзей {/*adding-event-handlers*/}
 
-Каб дадаць апрацоўшчык падзеі, спачатку трэба вызначыце функцыю, а потым [перадаць яе ў якасці пропса](/learn/passing-props-to-a-component) ў адпаведны JSX тэг. Напрыклад, вось кнопка, якая пакуль нічога не робіць:
+Каб дадаць апрацоўшчык падзеі, спачатку трэба вызначыць функцыю, а потым [перадаць яе ў якасці пропса](/learn/passing-props-to-a-component) ў адпаведны JSX тэг. Напрыклад, вось кнопка, якая пакуль нічога не робіць:
 
 <Sandpack>
 
@@ -91,7 +91,7 @@ button { margin-right: 10px; }
 
 Функцыі, якія перадаюцца ў апрацоўшчыкі падзей, павінны перадавацца, а не выклікацца. Напрыклад:
 
-| перадача функцыі (правільна)     | выклік функцыі (няправільны)     |
+| перадача функцыі (правільна)     | выклік функцыі (няправільна)     |
 | -------------------------------- | ---------------------------------- |
 | `<button onClick={handleClick}>` | `<button onClick={handleClick()}>` |
 
@@ -101,14 +101,14 @@ button { margin-right: 10px; }
 
 Калі вы пішаце ўбудаваны (inline) код, тая ж пастка праяўляецца па-іншаму:
 
-| перадача функцыі (правільна)            | выклік функцыі (няправільны)    |
+| перадача функцыі (правільна)            | выклік функцыі (няправільна)    |
 | --------------------------------------- | --------------------------------- |
 | `<button onClick={() => alert('...')}>` | `<button onClick={alert('...')}>` |
 
-Калі мы перададзім убудаваны код наступным чынам, то ён не будзе выкананы пры націску кнопкі — ён будзе выконвацца пры кожным рэндэрынгу кампанента:
+Калі мы перададзім убудаваны код наступным чынам, то ён не будзе выкананы пры націсканні кнопкі — ён будзе выконвацца пры кожным рэндэрынгу кампанента:
 
 ```jsx
-// Гэта паведамленне з'яўляецца пры рэндэрынгу кампанента, а не пры націску кнопкі!
+// Гэта паведамленне з'яўляецца пры рэндэрынгу кампанента, а не пры націсканні кнопкі!
 <button onClick={alert('Вы націснулі на мяне!')}>
 ```
 
@@ -224,7 +224,7 @@ button { margin-right: 10px; }
 - `PlayButton` перадае `handlePlayClick` у якасці пропса `onClick` у кампанент `Button`.
 - `UploadButton` перадае `() => alert('Запампоўваецца!')` у якасці пропса `onClick` у кампанент `Button`.
 
-Нарэшце, ваш кампанент `Button` прымае пропс пад назвай `onClick`. Ён перадае гэты пропс непасрэдна ва ўбудаваны браўзерны кампанент `<button>` з дапамогай `onClick={onClick}`. Гэта загадвае React выклікаць перададзеную функцыю пры націску.
+Нарэшце, ваш кампанент `Button` прымае пропс пад назвай `onClick`. Ён перадае гэты пропс непасрэдна ва ўбудаваны браўзерны кампанент `<button>` з дапамогай `onClick={onClick}`. Гэта загадвае React выклікаць перададзеную функцыю пры націсканні.
 
 Калі вы выкарыстоўваеце [дызайн-сістэму](https://uxdesign.cc/everything-you-need-to-know-about-design-systems-54b109851969), то звычайна такія кампаненты, як кнопкі, змяшчаюць стылі, але не вызначаюць паводзіны. Замест гэтага кампаненты, як `PlayButton` і `UploadButton`, будуць перадаваць апрацоўшчыкі падзей уніз па іерархіі.
 
@@ -423,7 +423,7 @@ button { margin: 5px; }
 
 #### Перахопліванне падзей {/*capture-phase-events*/}
 
-У рэдкіх выпадках вам можа спатрэбіцца перахапіць усе падзеі на даччыных элементах, *нават калі яны спынілі распаўсюджванне*. Напрыклад, магчыма, вы хочаце зарэгістраваць кожны націск мышы ў аналітыцы, незалежна ад логікі распаўсюджвання. Для гэтага можна дадаць `Capture` у канец назвы падзеі:
+У рэдкіх выпадках вам можа спатрэбіцца перахапіць усе падзеі на даччыных элементах, *нават калі яны спынілі распаўсюджванне*. Напрыклад, магчыма, вы хочаце зарэгістраваць кожнае націсканне мышы ў аналітыцы, незалежна ад логікі распаўсюджвання. Для гэтага можна дадаць `Capture` у канец назвы падзеі:
 
 ```js
 <div onClickCapture={() => { /* гэта адбываецца ў першую чаргу */ }}>
@@ -519,7 +519,7 @@ button { margin-left: 5px; }
 
 Вядома! Апрацоўшчыкі падзей — гэта лепшае месца для пабочных эфектаў.
 
-У адрозненне ад функцый рэндэрынгу, апрацоўшчыкі падзей не павінны быць [чыстымі функцыямі](/learn/keeping-components-pure), таму гэта выдатнае месца, каб *змяніць* што-небудзь — напрыклад, змяніць значэнне ўводу ў адказ на набор тэксту або змяніць спіс у адказ на націск кнопкі. Аднак, каб змяніць нейкую інфармацыю, спачатку яе трэба неяк захаваць. У React для гэтага выкарыстоўваецца [стан — памяць кампанента.](/learn/state-a-components-memory) Пра ўсё гэта вы даведаецеся на наступнай старонцы.
+У адрозненне ад функцый рэндэрынгу, апрацоўшчыкі падзей не павінны быць [чыстымі функцыямі](/learn/keeping-components-pure), таму гэта выдатнае месца, каб *змяніць* што-небудзь — напрыклад, змяніць значэнне ўводу ў адказ на набор тэксту або змяніць спіс у адказ на націсканне кнопкі. Аднак, каб змяніць нейкую інфармацыю, спачатку яе трэба неяк захаваць. У React для гэтага выкарыстоўваецца [стан — памяць кампанента.](/learn/state-a-components-memory) Пра ўсё гэта вы даведаецеся на наступнай старонцы.
 
 <Recap>
 
@@ -622,9 +622,9 @@ export default function LightSwitch() {
 
 #### Падключыце апрацоўшчыкі падзей {/*wire-up-the-events*/}
 
-Кампанент `ColorSwitch` адлюстроўвае кнопку, якая павінна змяняць колер старонкі. Падключыце кнопку да апрацоўшчыка падзей `onChangeColor`, які кампанент атрымлівае ад бацькоўскага кампанента ў якасці пропса, такім чынам, каб націск на кнопку змяніў колер старонкі.
+Кампанент `ColorSwitch` адлюстроўвае кнопку, якая павінна змяняць колер старонкі. Падключыце кнопку да апрацоўшчыка падзей `onChangeColor`, які кампанент атрымлівае ад бацькоўскага кампанента ў якасці пропса, такім чынам, каб націсканне на кнопку змяніла колер старонкі.
 
-Пасля таго, як вы гэта зробіце, звярніце ўвагу, што націсканне кнопкі таксама павялічвае лічыльнік націскаў на старонцы. Ваш калега, які напісаў бацькоўскі кампанент, настойвае на тым, што `onChangeColor` не павялічвае ніякіх лічыльнікаў. Што яшчэ можа адбывацца? Выправіце гэта так, каб націск на кнопку *толькі* змяняў колер, а _не_ павялічваў лічыльнік.
+Пасля таго, як вы гэта зробіце, звярніце ўвагу, што націсканне кнопкі таксама павялічвае лічыльнік націсканняў на старонцы. Ваш калега, які напісаў бацькоўскі кампанент, настойвае на тым, што `onChangeColor` не павялічвае ніякіх лічыльнікаў. Што яшчэ можа адбывацца? Выправіце гэта так, каб націсканне на кнопку *толькі* змяняла колер, а _не_ павялічвала лічыльнік.
 
 <Sandpack>
 
@@ -668,7 +668,7 @@ export default function App() {
       <ColorSwitch onChangeColor={handleChangeColor} />
       <br />
       <br />
-      <h2>Колькасць націскаў: {clicks}</h2>
+      <h2>Колькасць націсканняў: {clicks}</h2>
     </div>
   );
 }
@@ -680,7 +680,7 @@ export default function App() {
 
 Спачатку трэба дадаць апрацоўшчык падзеі, напрыклад, так: `<button onClick={onChangeColor}>`.
 
-Аднак пры гэтым узнікае праблема з павелічэннем лічыльніка пры націску на кнопку. Калі `onChangeColor`, як кажа ваш калега, не робіць гэтага, тады праблема заключаецца ў тым, што гэтая падзея распаўсюджваецца, «ўсплывае» ўверх, і нейкі апрацоўшчык падзей вышэй змяняе лічыльнік. Каб вырашыць гэтую праблему, трэба спыніць распаўсюджванне падзеі. Але не забывайце, што вы ўсё роўна павінны выклікаць `onChangeColor`.
+Аднак пры гэтым узнікае праблема з павелічэннем лічыльніка пры націсканні на кнопку. Калі `onChangeColor`, як кажа ваш калега, не робіць гэтага, тады праблема заключаецца ў тым, што гэтая падзея распаўсюджваецца, «ўсплывае» ўверх, і нейкі апрацоўшчык падзей вышэй змяняе лічыльнік. Каб вырашыць гэтую праблему, трэба спыніць распаўсюджванне падзеі. Але не забывайце, што вы ўсё роўна павінны выклікаць `onChangeColor`.
 
 <Sandpack>
 
@@ -727,7 +727,7 @@ export default function App() {
       <ColorSwitch onChangeColor={handleChangeColor} />
       <br />
       <br />
-      <h2>Колькасць націскаў: {clicks}</h2>
+      <h2>Колькасць націсканняў: {clicks}</h2>
     </div>
   );
 }