Fix grammar and word choice in Russian translation (#34093)

pull/36164/head
Michael Kotlik 2019-06-03 15:53:59 -04:00 committed by Randell Dawson
parent 8e24f42b00
commit 122510a06b
1 changed files with 3 additions and 3 deletions

View File

@ -8,10 +8,10 @@ localeTitle: Добавить слушателей событий
---
## Description
<section id="description"> Метод <code>componentDidMount()</code> также является лучшим местом для присоединения любых прослушивателей событий, которые необходимо добавить для определенных функций. React предоставляет синтетическую систему событий, которая обертывает собственную систему событий, присутствующую в браузерах. Это означает, что синтетическая система событий ведет себя точно так же, независимо от браузера пользователя, даже если родные события могут вести себя по-разному между разными браузерами. Вы уже использовали некоторые из этих синтетических обработчиков событий, таких как <code>onClick()</code> . Синтетическая система событий React отлично подходит для большинства взаимодействий, которые вы будете использовать для элементов DOM. Однако, если вы хотите присоединить обработчик событий к объектам документа или окна, вы должны сделать это напрямую. </section>
<section id="description"> Метод <code>componentDidMount()</code> также является лучшим местом для присоединения любых прослушивателей событий, которые необходимо добавить для определенных функций. React предоставляет синтетическую систему событий, которая обертывает родную систему событий браузеров. Это означает, что синтетическая система событий ведет себя точно так же, независимо от браузера пользователя, даже если родные события могут вести себя по-разному между разными браузерами. Вы уже использовали некоторые из этих синтетических обработчиков событий, таких как <code>onClick()</code> . Синтетическая система событий React отлично подходит для большинства взаимодействий, которые вы будете использовать для элементов DOM. Однако, если вы хотите присоединить обработчик событий к объектам документа или окна, вы должны сделать это напрямую. </section>
## Instructions
<section id="instructions"> Приложи слушатель событий в <code>componentDidMount()</code> методе <code>keydown</code> событий и иметь эти события вызывают обратный вызов <code>handleKeyPress()</code> . Вы можете использовать <code>document.addEventListener()</code> который принимает событие (в кавычках) в качестве первого аргумента и обратный вызов в качестве второго аргумента. Затем в <code>componentWillUnmount()</code> удалите этот же прослушиватель событий. Вы можете передать те же аргументы в <code>document.removeEventListener()</code> . Хорошей практикой является использование этого метода жизненного цикла для любой очистки компонентов React перед их размонтированием и уничтожением. Удаление прослушивателей событий является примером одного из таких действий по очистке. </section>
<section id="instructions"> Приложи слушатель событий в методе <code>componentDidMount()</code> для событий <code>keydown</code> и заставь эти события вызывать функцию обратного вызова <code>handleKeyPress()</code> . Вы можете использовать <code>document.addEventListener()</code> который принимает событие (в кавычках) в качестве первого аргумента и обратный вызов в качестве второго аргумента. Затем в <code>componentWillUnmount()</code> удалите этот же прослушиватель событий. Вы можете передать те же аргументы в <code>document.removeEventListener()</code> . Хорошей практикой является использование этого метода жизненного цикла для любой очистки компонентов React перед их размонтированием и уничтожением. Удаление прослушивателей событий является примером одного из таких действий по очистке. </section>
## Tests
<section id='tests'>
@ -20,7 +20,7 @@ localeTitle: Добавить слушателей событий
tests:
- text: <code>MyComponent</code> должен отображать элемент <code>div</code> который обертывает тег <code>h1</code> .
testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").children().find("h1").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
- text: Слушатель квитирования должен быть прикреплен к документу в <code>componentDidMount</code> .
- text: Слушатель keydown должен быть прикреплен к документу в <code>componentDidMount</code> .
testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const didMountString = mockedComponent.instance().componentDidMount.toString(); return new RegExp("document\.addEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(didMountString); })(), "A keydown listener should be attached to the document in <code>componentDidMount</code>.");'
- text: Слушатель keydown должен быть удален из документа в <code>componentWillUnmount</code> .
testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const willUnmountString = mockedComponent.instance().componentWillUnmount.toString(); return new RegExp("document\.removeEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(willUnmountString); })(), "The keydown listener should be removed from the document in <code>componentWillUnmount</code>.");'