From 122510a06b2027666ee841cd03f7f6e3939adf79 Mon Sep 17 00:00:00 2001 From: Michael Kotlik Date: Mon, 3 Jun 2019 15:53:59 -0400 Subject: [PATCH] Fix grammar and word choice in Russian translation (#34093) --- .../react/add-event-listeners.russian.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/add-event-listeners.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/add-event-listeners.russian.md index 30b6a59f6f..c2b846366e 100644 --- a/curriculum/challenges/russian/03-front-end-libraries/react/add-event-listeners.russian.md +++ b/curriculum/challenges/russian/03-front-end-libraries/react/add-event-listeners.russian.md @@ -8,10 +8,10 @@ localeTitle: Добавить слушателей событий --- ## Description -
Метод componentDidMount() также является лучшим местом для присоединения любых прослушивателей событий, которые необходимо добавить для определенных функций. React предоставляет синтетическую систему событий, которая обертывает собственную систему событий, присутствующую в браузерах. Это означает, что синтетическая система событий ведет себя точно так же, независимо от браузера пользователя, даже если родные события могут вести себя по-разному между разными браузерами. Вы уже использовали некоторые из этих синтетических обработчиков событий, таких как onClick() . Синтетическая система событий React отлично подходит для большинства взаимодействий, которые вы будете использовать для элементов DOM. Однако, если вы хотите присоединить обработчик событий к объектам документа или окна, вы должны сделать это напрямую.
+
Метод componentDidMount() также является лучшим местом для присоединения любых прослушивателей событий, которые необходимо добавить для определенных функций. React предоставляет синтетическую систему событий, которая обертывает родную систему событий браузеров. Это означает, что синтетическая система событий ведет себя точно так же, независимо от браузера пользователя, даже если родные события могут вести себя по-разному между разными браузерами. Вы уже использовали некоторые из этих синтетических обработчиков событий, таких как onClick() . Синтетическая система событий React отлично подходит для большинства взаимодействий, которые вы будете использовать для элементов DOM. Однако, если вы хотите присоединить обработчик событий к объектам документа или окна, вы должны сделать это напрямую.
## Instructions -
Приложи слушатель событий в componentDidMount() методе keydown событий и иметь эти события вызывают обратный вызов handleKeyPress() . Вы можете использовать document.addEventListener() который принимает событие (в кавычках) в качестве первого аргумента и обратный вызов в качестве второго аргумента. Затем в componentWillUnmount() удалите этот же прослушиватель событий. Вы можете передать те же аргументы в document.removeEventListener() . Хорошей практикой является использование этого метода жизненного цикла для любой очистки компонентов React перед их размонтированием и уничтожением. Удаление прослушивателей событий является примером одного из таких действий по очистке.
+
Приложи слушатель событий в методе componentDidMount() для событий keydown и заставь эти события вызывать функцию обратного вызова handleKeyPress() . Вы можете использовать document.addEventListener() который принимает событие (в кавычках) в качестве первого аргумента и обратный вызов в качестве второго аргумента. Затем в componentWillUnmount() удалите этот же прослушиватель событий. Вы можете передать те же аргументы в document.removeEventListener() . Хорошей практикой является использование этого метода жизненного цикла для любой очистки компонентов React перед их размонтированием и уничтожением. Удаление прослушивателей событий является примером одного из таких действий по очистке.
## Tests
@@ -20,7 +20,7 @@ localeTitle: Добавить слушателей событий tests: - text: MyComponent должен отображать элемент div который обертывает тег h1 . testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").children().find("h1").length === 1; })(), "MyComponent should render a div element which wraps an h1 tag.");' - - text: Слушатель квитирования должен быть прикреплен к документу в componentDidMount . + - text: Слушатель keydown должен быть прикреплен к документу в componentDidMount . 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 componentDidMount.");' - text: Слушатель keydown должен быть удален из документа в componentWillUnmount . 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 componentWillUnmount.");'