Handling Events #9
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
westanvv
reviewed
Feb 13, 2019
content/docs/handling-events.md
Outdated
|
|
||
| When using React you should generally not need to call `addEventListener` to add listeners to a DOM element after it is created. Instead, just provide a listener when the element is initially rendered. | ||
| Зазвичай, коли ви використовуєте React, вам не потрібно викликати `addEventListener`, щоб додати обробник до DOM-елементу після його створення. Натомість, просто вкажіть обробник,коли елемент вперше відрендерився. |
There was a problem hiding this comment.
Missed space обробник,коли
vldmrkl
requested changes
Feb 13, 2019
content/docs/handling-events.md
Outdated
|
|
||
| ```html | ||
| <a href="#" onclick="console.log('The link was clicked.'); return false"> | ||
| Click me | ||
| </a> | ||
| ``` | ||
|
|
||
| In React, this could instead be: | ||
| В React це може виглядати так: |
|
|
||
| ```js{7-9} | ||
| class LoggingButton extends React.Component { | ||
| handleClick() { | ||
| console.log('this is:', this); | ||
| console.log('this це:', this); |
There was a problem hiding this comment.
Тут під this мається на увазі ключове слово this і те чому this в контексті метода дорівнює.
content/docs/handling-events.md
Outdated
| </button> | ||
| ); | ||
| } | ||
| } | ||
| ``` | ||
|
|
||
| The problem with this syntax is that a different callback is created each time the `LoggingButton` renders. In most cases, this is fine. However, if this callback is passed as a prop to lower components, those components might do an extra re-rendering. We generally recommend binding in the constructor or using the class fields syntax, to avoid this sort of performance problem. | ||
| Проблема цього синтаксису полягає в тому, що при кожному рендері `LoggingButton` створюється щоразу нова функція зворотнього виклику. В більшості випадків це не створює додаткових проблем. Але, якщо ця функція зворотнього виклику передається в якості проп в компоненти нижче - вони можуть здійснити додатковий ререндеринг. Як правило, ми рекомендуємо зв'язувати в конструкторі або використувати синтаксис полей класу, щоб уникнути подібних проблем з продуктивністю. |
There was a problem hiding this comment.
У більшості випадків замість В більшості випадків
There was a problem hiding this comment.
Замінити передається в якості проп на передається в якості пропу
There was a problem hiding this comment.
Можливо краще якості пропса. Хоч і не множина, але не має неузгодженості, коли props перекладаємо пропсів(пропси) замість пропів(пропи )
There was a problem hiding this comment.
@westanvv згідно нашого TRANSLATE.md, prop перекладаємо як проп, а props – як пропси.
content/docs/handling-events.md
Outdated
|
|
||
| ## Passing Arguments to Event Handlers {#passing-arguments-to-event-handlers} | ||
| ## Передача аргументів у обробники подій {#passing-arguments-to-event-handlers} |
There was a problem hiding this comment.
Можна й так, параметр передається в функцію, але певно до обробника. Є пропозиція означити це в TRANSLATION.md.
92 tasks
westanvv
approved these changes
Feb 13, 2019
content/docs/handling-events.md
Outdated
| </button> | ||
| ); | ||
| } | ||
| } | ||
| ``` | ||
|
|
||
| The problem with this syntax is that a different callback is created each time the `LoggingButton` renders. In most cases, this is fine. However, if this callback is passed as a prop to lower components, those components might do an extra re-rendering. We generally recommend binding in the constructor or using the class fields syntax, to avoid this sort of performance problem. | ||
| Проблема цього синтаксису полягає в тому, що при кожному рендері `LoggingButton` створюється щоразу нова функція зворотнього виклику. В більшості випадків це не створює додаткових проблем. Але, якщо ця функція зворотнього виклику передається в якості проп в компоненти нижче - вони можуть здійснити додатковий ререндеринг. Як правило, ми рекомендуємо зв'язувати в конструкторі або використувати синтаксис полей класу, щоб уникнути подібних проблем з продуктивністю. |
There was a problem hiding this comment.
Можливо краще якості пропса. Хоч і не множина, але не має неузгодженості, коли props перекладаємо пропсів(пропси) замість пропів(пропи )
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Added uk translation for handling events.