From 14a78f0190fa3d0b2cfcc6fec8a32e89079daf9e Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab Date: Fri, 20 Dec 2019 17:46:32 +0200 Subject: [PATCH 01/27] Article has been translated. --- content/warnings/invalid-hook-call-warning.md | 85 +++++++++---------- 1 file changed, 42 insertions(+), 43 deletions(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 156578ec2..89de2ccf9 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -1,60 +1,60 @@ --- -title: Invalid Hook Call Warning +title: Попередження про Некоректний Виклик Хуку layout: single permalink: warnings/invalid-hook-call-warning.html --- - You are probably here because you got the following error message: +Можливо Ви тут тому, що отримали наступне попередження: - > Hooks can only be called inside the body of a function component. +> Hooks can only be called inside the body of a function component. -There are three common reasons you might be seeing it: +Існує три поширених причини, через які Ви могли побачити це: -1. You might have **mismatching versions** of React and React DOM. -2. You might be **breaking the [Rules of Hooks](/docs/hooks-rules.html)**. -3. You might have **more than one copy of React** in the same app. +1. **Невідповідність версій** React і React DOM у вашому додатку. +2. Ви **порушили [Правила хуків](/docs/hooks-rules.html)** +3. Ви маєте **більш ніж одну копію React** в одному додатку. -Let's look at each of these cases. +Розгляньмо кожний з цих випадків. -## Mismatching Versions of React and React DOM {#mismatching-versions-of-react-and-react-dom} +## Невідповідність версій React і React DOM {#mismatching-versions-of-react-and-react-dom} -You might be using a version of `react-dom` (< 16.8.0) or `react-native` (< 0.59) that doesn't yet support Hooks. You can run `npm ls react-dom` or `npm ls react-native` in your application folder to check which version you're using. If you find more than one of them, this might also create problems (more on that below). +Можливо Ви використовуєте версії `react-dom` (< 16.8.0) або `react-native` (< 0.59), які ще не підтримують Хуки. Виконайте у терміналі команду `npm ls react-dom` або `npm ls react-native` в директорії вашого додатку, щоб перевірити які версії встановлено. Якщо їх виявиться більше, ніж одна, це також може становити проблему (докладніше про це далі). -## Breaking the Rules of Hooks {#breaking-the-rules-of-hooks} +## Порушення правил використання Хуків {#breaking-the-rules-of-hooks} -You can only call Hooks **while React is rendering a function component**: +Ви можете викликати Хуки лише тоді, **коли React відображує функціональний компонент**: -* ✅ Call them at the top level in the body of a function component. -* ✅ Call them at the top level in the body of a [custom Hook](/docs/hooks-custom.html). +* ✅ Викликайте їх на верхньому рівні в тілі функціонального компонента. +* ✅ Викликайте їх на верхньому рівні в тілі [користувацького Хука](/docs/hooks-custom.html). -**Learn more about this in the [Rules of Hooks](/docs/hooks-rules.html).** +**Дізнайтесь більше про це в [Правилах хуків](/docs/hooks-rules.html).** ```js{2-3,8-9} function Counter() { - // ✅ Good: top-level in a function component + // ✅ Добре: на верхньому рівні функціонального компонента const [count, setCount] = useState(0); // ... } function useWindowWidth() { - // ✅ Good: top-level in a custom Hook + // ✅ Добре: на верхньому рівні користувацького Хука const [width, setWidth] = useState(window.innerWidth); // ... } ``` -To avoid confusion, it’s **not** supported to call Hooks in other cases: +Щоб уникнути непорозуміння, використання Хуки **не** підтримується у наступних випадках: -* 🔴 Do not call Hooks in class components. -* 🔴 Do not call in event handlers. -* 🔴 Do not call Hooks inside functions passed to `useMemo`, `useReducer`, or `useEffect`. +* 🔴 Не викликайте Хуки у класових компонентах +* 🔴 Не викликайте Хуки в обробниках подій +* 🔴 Не викликайте Хуки всередині функцій, переданих до `useMemo`, `useReducer`, або `useEffect`. -If you break these rules, you might see this error. +Якщо Ви порушуєте ці правила, то повинні побачити цю помилку. ```js{3-4,11-12,20-21} function Bad1() { function handleClick() { - // 🔴 Bad: inside an event handler (to fix, move it outside!) + // 🔴 Погано: всередині обробника події (щоб виправити, винесіть виклик назовні!) const theme = useContext(ThemeContext); } // ... @@ -62,7 +62,7 @@ function Bad1() { function Bad2() { const style = useMemo(() => { - // 🔴 Bad: inside useMemo (to fix, move it outside!) + // 🔴 Погано: всередині useMemo (щоб виправити, винесіть виклик назовні!) const theme = useContext(ThemeContext); return createStyle(theme); }); @@ -71,52 +71,51 @@ function Bad2() { class Bad3 extends React.Component { render() { - // 🔴 Bad: inside a class component + // 🔴 Погано: всередині класового компонента useEffect(() => {}) // ... } } ``` -You can use the [`eslint-plugin-react-hooks` plugin](https://www.npmjs.com/package/eslint-plugin-react-hooks) to catch some of these mistakes. +Ви можете використати [плагін `eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) для того, щоб відловити деякі з цих помилок. ->Note +>Примітка > ->[Custom Hooks](/docs/hooks-custom.html) *may* call other Hooks (that's their whole purpose). This works because custom Hooks are also supposed to only be called while a function component is rendering. +>[Користувацькі Хуки](/docs/hooks-custom.html) *можуть* викликати інші Хуки (у тому й полягає їх призначення). Це не викликає проблем, бо користувацькі Хуки також мають викликатися лише тоді, коли відображується функціональний компонент. +## Дублювання React {#duplicate-react} -## Duplicate React {#duplicate-react} +Для того, щоб Хуки працювали, у вашому додатку потрібно імпортувати той самий модуль `react`, що імпортується всередині пакету `react-dom`. -In order for Hooks to work, the `react` import from your application code needs to resolve to the same module as the `react` import from inside the `react-dom` package. +Якщо під час імпорту `react` Ви звертаєтесь до двох різних джерел, то побачите попередження. Це станеться, коли Ви **випадково матимете дві копії** пакету `react`. -If these `react` imports resolve to two different exports objects, you will see this warning. This may happen if you **accidentally end up with two copies** of the `react` package. - -If you use Node for package management, you can run this check in your project folder: +Якщо Ви використовуєте Node для керування пакетами, то в корені Вашого проекту можливо запустити перевірку наступним чином: npm ls react -If you see more than one React, you'll need to figure out why this happens and fix your dependency tree. For example, maybe a library you're using incorrectly specifies `react` as a dependency (rather than a peer dependency). Until that library is fixed, [Yarn resolutions](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) is one possible workaround. +У тому випадку, якщо побачите більше ніж один пакет React, вам потрібно з'ясувати, як це трапилось, та виправити це. Наприклад, бібліотека, яку Ви використовуєте, неправильно визначила `react` як залежність (а не peer-залежність). До того часу, як це буде виправлено, [вирішення Yarn](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) може стати одним з можливих тимчасових рішень. -You can also try to debug this problem by adding some logs and restarting your development server: +Також Ви можете спробувати розібратися с цією проблемою, використовуючи режим налагодження й перезапустивши сервер розробки: ```js -// Add this in node_modules/react-dom/index.js +// Додайте це до node_modules/react-dom/index.js window.React1 = require('react'); -// Add this in your component file +// Додайте це до файлу з вашим компонентом require('react-dom'); window.React2 = require('react'); console.log(window.React1 === window.React2); ``` -If it prints `false` then you might have two Reacts and need to figure out why that happened. [This issue](https://github.com/facebook/react/issues/13991) includes some common reasons encountered by the community. +Якщо у консолі Ви побачите `false`, це означає, що Ви використовуєте два різних екземпляра React. [Обговорення цього питання](https://github.com/facebook/react/issues/13991) може підказати вам деякі загальні причини, з якими вже зіткнулась спільнота, та рішення. -This problem can also come up when you use `npm link` or an equivalent. In that case, your bundler might "see" two Reacts — one in application folder and one in your library folder. Assuming `myapp` and `mylib` are sibling folders, one possible fix is to run `npm link ../myapp/node_modules/react` from `mylib`. This should make the library use the application's React copy. +Ця проблема також може з'явитись, якщо Ви використовуєте команду `npm link` чи щось подібне. У цьому разі бандлер може "побачити" два React - один у директорії додатку та другий у директорії Вашої бібліотеки. Припускаючи, що папки `myapp` і `mylib` знаходяться на одному рівні, виконання команди `npm link ../myapp/node_modules/react` з `mylib` може розв'язати проблему. Це має змусити бібліотеку використовувати копію React з додатка. ->Note +>Примітка > ->In general, React supports using multiple independent copies on one page (for example, if an app and a third-party widget both use it). It only breaks if `require('react')` resolves differently between the component and the `react-dom` copy it was rendered with. +>Взагалі, React підтримує можливість використання декількох незалежних копій на одній сторінці (наприклад, якщо їх використовують додаток і сторонній віджет). Проблемою це стає лише у тому випадку, коли в рамках однієї програми компонент імпортує одну пакет React, а `react-dom` іншу його копію. -## Other Causes {#other-causes} +## Інші причини {#other-causes} -If none of this worked, please comment in [this issue](https://github.com/facebook/react/issues/13991) and we'll try to help. Try to create a small reproducing example — you might discover the problem as you're doing it. +Якщо жодне із запропонованих рішень не спрацювало, будь ласка, залиште коментар у цьому [обговоренні](https://github.com/facebook/react/issues/13991) та ми спробуємо допомогти. Також спробуйте зробити невеликий приклад, здатний відтворити проблему у тому вигляді, у якому Ви з нею зіткнулись. From bc553c32e752825c80a0945c587a6f91bb58c69c Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab Date: Thu, 26 Dec 2019 15:42:43 +0200 Subject: [PATCH 02/27] Fixed translation. --- content/warnings/invalid-hook-call-warning.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 89de2ccf9..2323f1a07 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -43,7 +43,7 @@ function useWindowWidth() { } ``` -Щоб уникнути непорозуміння, використання Хуки **не** підтримується у наступних випадках: +Щоб уникнути непорозуміння, використання Хуку **не** підтримується у наступних випадках: * 🔴 Не викликайте Хуки у класових компонентах * 🔴 Не викликайте Хуки в обробниках подій @@ -96,7 +96,7 @@ class Bad3 extends React.Component { У тому випадку, якщо побачите більше ніж один пакет React, вам потрібно з'ясувати, як це трапилось, та виправити це. Наприклад, бібліотека, яку Ви використовуєте, неправильно визначила `react` як залежність (а не peer-залежність). До того часу, як це буде виправлено, [вирішення Yarn](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) може стати одним з можливих тимчасових рішень. -Також Ви можете спробувати розібратися с цією проблемою, використовуючи режим налагодження й перезапустивши сервер розробки: +Також Ви можете спробувати розібратися з цією проблемою, використовуючи режим налагодження й перезапустивши сервер розробки: ```js // Додайте це до node_modules/react-dom/index.js From 48e369c78a912d763c7b338530ca68ef866a7351 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Thu, 26 Dec 2019 16:56:21 +0200 Subject: [PATCH 03/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Sergey DIniovskiy --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 2323f1a07..d2889a354 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -14,7 +14,7 @@ permalink: warnings/invalid-hook-call-warning.html 2. Ви **порушили [Правила хуків](/docs/hooks-rules.html)** 3. Ви маєте **більш ніж одну копію React** в одному додатку. -Розгляньмо кожний з цих випадків. +Розглянемо кожний з цих випадків. ## Невідповідність версій React і React DOM {#mismatching-versions-of-react-and-react-dom} From c5427f8c687f01c2c96906b5d4882c91f7999dc8 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Thu, 26 Dec 2019 16:59:06 +0200 Subject: [PATCH 04/27] Update content/warnings/invalid-hook-call-warning.md --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index d2889a354..80fe810c3 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -108,7 +108,7 @@ window.React2 = require('react'); console.log(window.React1 === window.React2); ``` -Якщо у консолі Ви побачите `false`, це означає, що Ви використовуєте два різних екземпляра React. [Обговорення цього питання](https://github.com/facebook/react/issues/13991) може підказати вам деякі загальні причини, з якими вже зіткнулась спільнота, та рішення. +Якщо у консолі Ви побачите `false`, це означає, що Ви використовуєте дві різні копії React. [Обговорення цього питання](https://github.com/facebook/react/issues/13991) може підказати вам деякі загальні причини, з якими вже зіткнулась спільнота, та рішення. Ця проблема також може з'явитись, якщо Ви використовуєте команду `npm link` чи щось подібне. У цьому разі бандлер може "побачити" два React - один у директорії додатку та другий у директорії Вашої бібліотеки. Припускаючи, що папки `myapp` і `mylib` знаходяться на одному рівні, виконання команди `npm link ../myapp/node_modules/react` з `mylib` може розв'язати проблему. Це має змусити бібліотеку використовувати копію React з додатка. From 6f389cc6e70066c3e7d01706fab599f78008a194 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Thu, 26 Dec 2019 16:59:24 +0200 Subject: [PATCH 05/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Sergey DIniovskiy --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 80fe810c3..79d6b380b 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -114,7 +114,7 @@ console.log(window.React1 === window.React2); >Примітка > ->Взагалі, React підтримує можливість використання декількох незалежних копій на одній сторінці (наприклад, якщо їх використовують додаток і сторонній віджет). Проблемою це стає лише у тому випадку, коли в рамках однієї програми компонент імпортує одну пакет React, а `react-dom` іншу його копію. +>Взагалі, React підтримує можливість використання декількох незалежних копій на одній сторінці (наприклад, якщо їх використовують додаток і сторонній віджет). Проблемою це стає лише у тому випадку, коли в рамках однієї програми компонент імпортує одну копію React, а `react-dom` іншу. ## Інші причини {#other-causes} From ce0e3b866835dce878426c451afaf24ea2c7f125 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab Date: Fri, 27 Dec 2019 15:24:05 +0200 Subject: [PATCH 06/27] Fix translation according to instructions. --- content/warnings/invalid-hook-call-warning.md | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 79d6b380b..169398781 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -4,11 +4,11 @@ layout: single permalink: warnings/invalid-hook-call-warning.html --- -Можливо Ви тут тому, що отримали наступне попередження: +Можливо ви тут тому, що отримали наступне попередження: > Hooks can only be called inside the body of a function component. -Існує три поширених причини, через які Ви могли побачити це: +Існує три поширених причини, через які ви могли побачити це: 1. **Невідповідність версій** React і React DOM у вашому додатку. 2. Ви **порушили [Правила хуків](/docs/hooks-rules.html)** @@ -18,7 +18,7 @@ permalink: warnings/invalid-hook-call-warning.html ## Невідповідність версій React і React DOM {#mismatching-versions-of-react-and-react-dom} -Можливо Ви використовуєте версії `react-dom` (< 16.8.0) або `react-native` (< 0.59), які ще не підтримують Хуки. Виконайте у терміналі команду `npm ls react-dom` або `npm ls react-native` в директорії вашого додатку, щоб перевірити які версії встановлено. Якщо їх виявиться більше, ніж одна, це також може становити проблему (докладніше про це далі). +Можливо ви використовуєте версії `react-dom` (< 16.8.0) або `react-native` (< 0.59), які ще не підтримують Хуки. Виконайте у терміналі команду `npm ls react-dom` або `npm ls react-native` в директорії вашого додатку, щоб перевірити які версії встановлено. Якщо їх виявиться більше, ніж одна, це також може становити проблему (докладніше про це далі). ## Порушення правил використання Хуків {#breaking-the-rules-of-hooks} @@ -49,7 +49,7 @@ function useWindowWidth() { * 🔴 Не викликайте Хуки в обробниках подій * 🔴 Не викликайте Хуки всередині функцій, переданих до `useMemo`, `useReducer`, або `useEffect`. -Якщо Ви порушуєте ці правила, то повинні побачити цю помилку. +Якщо ви порушуєте ці правила, то повинні побачити цю помилку. ```js{3-4,11-12,20-21} function Bad1() { @@ -88,15 +88,15 @@ class Bad3 extends React.Component { Для того, щоб Хуки працювали, у вашому додатку потрібно імпортувати той самий модуль `react`, що імпортується всередині пакету `react-dom`. -Якщо під час імпорту `react` Ви звертаєтесь до двох різних джерел, то побачите попередження. Це станеться, коли Ви **випадково матимете дві копії** пакету `react`. +Якщо під час імпорту `react` ви звертаєтесь до двох різних джерел, то побачите попередження. Це станеться, коли ви **випадково матимете дві копії** пакету `react`. -Якщо Ви використовуєте Node для керування пакетами, то в корені Вашого проекту можливо запустити перевірку наступним чином: +Якщо ви використовуєте Node для керування пакетами, то в корені вашого проекту можливо запустити перевірку наступним чином: npm ls react -У тому випадку, якщо побачите більше ніж один пакет React, вам потрібно з'ясувати, як це трапилось, та виправити це. Наприклад, бібліотека, яку Ви використовуєте, неправильно визначила `react` як залежність (а не peer-залежність). До того часу, як це буде виправлено, [вирішення Yarn](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) може стати одним з можливих тимчасових рішень. +У тому випадку, якщо побачите більше ніж один пакет React, вам потрібно з'ясувати, як це трапилось, та виправити це. Наприклад, бібліотека, яку ви використовуєте, неправильно визначила `react` як залежність (а не peer-залежність). До того часу, як це буде виправлено, [вирішення Yarn](https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) може стати одним з можливих тимчасових рішень. -Також Ви можете спробувати розібратися з цією проблемою, використовуючи режим налагодження й перезапустивши сервер розробки: +Також ви можете спробувати розібратися з цією проблемою, використовуючи режим налагодження й перезапустивши сервер розробки: ```js // Додайте це до node_modules/react-dom/index.js @@ -108,9 +108,9 @@ window.React2 = require('react'); console.log(window.React1 === window.React2); ``` -Якщо у консолі Ви побачите `false`, це означає, що Ви використовуєте дві різні копії React. [Обговорення цього питання](https://github.com/facebook/react/issues/13991) може підказати вам деякі загальні причини, з якими вже зіткнулась спільнота, та рішення. +Якщо у консолі ви побачите `false`, це означає, що ви використовуєте дві різні копії React. [Обговорення цього питання](https://github.com/facebook/react/issues/13991) може підказати вам деякі загальні причини, з якими вже зіткнулась спільнота, та рішення. -Ця проблема також може з'явитись, якщо Ви використовуєте команду `npm link` чи щось подібне. У цьому разі бандлер може "побачити" два React - один у директорії додатку та другий у директорії Вашої бібліотеки. Припускаючи, що папки `myapp` і `mylib` знаходяться на одному рівні, виконання команди `npm link ../myapp/node_modules/react` з `mylib` може розв'язати проблему. Це має змусити бібліотеку використовувати копію React з додатка. +Ця проблема також може з'явитись, якщо ви використовуєте команду `npm link` чи щось подібне. У цьому разі бандлер може "побачити" два React - один у директорії додатку та другий у директорії вашої бібліотеки. Припускаючи, що папки `myapp` і `mylib` знаходяться на одному рівні, виконання команди `npm link ../myapp/node_modules/react` з `mylib` може розв'язати проблему. Це має змусити бібліотеку використовувати копію React з додатка. >Примітка > @@ -118,4 +118,4 @@ console.log(window.React1 === window.React2); ## Інші причини {#other-causes} -Якщо жодне із запропонованих рішень не спрацювало, будь ласка, залиште коментар у цьому [обговоренні](https://github.com/facebook/react/issues/13991) та ми спробуємо допомогти. Також спробуйте зробити невеликий приклад, здатний відтворити проблему у тому вигляді, у якому Ви з нею зіткнулись. +Якщо жодне із запропонованих рішень не спрацювало, будь ласка, залиште коментар у цьому [обговоренні](https://github.com/facebook/react/issues/13991) та ми спробуємо допомогти. Також спробуйте зробити невеликий приклад, здатний відтворити проблему у тому вигляді, у якому ви з нею зіткнулись. From 455043fe87015b8571e7caf0d8b3ae35f7656462 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab Date: Fri, 27 Dec 2019 15:28:50 +0200 Subject: [PATCH 07/27] Checked with yarn. --- gatsby-config.js | 6 ++++-- src/components/CodeEditor/CodeEditor.js | 5 +++-- src/components/ErrorDecoder/ErrorDecoder.js | 4 ++-- src/pages/index.js | 5 +++-- 4 files changed, 12 insertions(+), 8 deletions(-) diff --git a/gatsby-config.js b/gatsby-config.js index 746bb781a..5a781d5af 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -8,10 +8,12 @@ module.exports = { siteMetadata: { - title: 'React – JavaScript-бібліотека для створення користувацьких інтерфейсів', + title: + 'React – JavaScript-бібліотека для створення користувацьких інтерфейсів', siteUrl: 'https://uk.reactjs.org', rssFeedTitle: 'React', - rssFeedDescription: 'JavaScript-бібліотека для створення користувацьких інтерфейсів', + rssFeedDescription: + 'JavaScript-бібліотека для створення користувацьких інтерфейсів', }, mapping: { 'MarkdownRemark.frontmatter.author': 'AuthorYaml', diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js index 3f8e1fadf..2ba88728b 100644 --- a/src/components/CodeEditor/CodeEditor.js +++ b/src/components/CodeEditor/CodeEditor.js @@ -65,8 +65,9 @@ class CodeEditor extends Component { Не вдалося завантажити Babel.

- Це може бути пов'язано з блокувальником реклами. Якщо ви використовуєте один з них, - додайте адресу reactjs.org до білого списку для того, щоб приклади коду запрацювали. + Це може бути пов'язано з блокувальником реклами. Якщо ви + використовуєте один з них, додайте адресу reactjs.org до білого списку + для того, щоб приклади коду запрацювали. ); } else if (error != null) { diff --git a/src/components/ErrorDecoder/ErrorDecoder.js b/src/components/ErrorDecoder/ErrorDecoder.js index 32e6146ac..2f0627126 100644 --- a/src/components/ErrorDecoder/ErrorDecoder.js +++ b/src/components/ErrorDecoder/ErrorDecoder.js @@ -69,8 +69,8 @@ function ErrorResult(props: {|code: ?string, msg: string|}) { if (!code) { return (

- Коли трапляється помилка, ви отримаєте посилання на цю сторінку, - де ви побачите повний текст конкретної помилки. + Коли трапляється помилка, ви отримаєте посилання на цю сторінку, де ви + побачите повний текст конкретної помилки.

); } diff --git a/src/pages/index.js b/src/pages/index.js index e9f852ace..fe3baa03a 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -133,7 +133,8 @@ class Home extends Component { fontSize: 30, }, }}> - JavaScript-бібліотека для створення користувацьких інтерфейсів + JavaScript-бібліотека для створення користувацьких + інтерфейсів

Date: Wed, 15 Jan 2020 17:34:49 +0200 Subject: [PATCH 08/27] Fix: test formatting has been reverted. --- gatsby-config.js | 6 ++---- src/components/CodeEditor/CodeEditor.js | 5 ++--- src/components/ErrorDecoder/ErrorDecoder.js | 4 ++-- src/pages/index.js | 5 ++--- 4 files changed, 8 insertions(+), 12 deletions(-) diff --git a/gatsby-config.js b/gatsby-config.js index 5a781d5af..746bb781a 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -8,12 +8,10 @@ module.exports = { siteMetadata: { - title: - 'React – JavaScript-бібліотека для створення користувацьких інтерфейсів', + title: 'React – JavaScript-бібліотека для створення користувацьких інтерфейсів', siteUrl: 'https://uk.reactjs.org', rssFeedTitle: 'React', - rssFeedDescription: - 'JavaScript-бібліотека для створення користувацьких інтерфейсів', + rssFeedDescription: 'JavaScript-бібліотека для створення користувацьких інтерфейсів', }, mapping: { 'MarkdownRemark.frontmatter.author': 'AuthorYaml', diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js index 2ba88728b..3f8e1fadf 100644 --- a/src/components/CodeEditor/CodeEditor.js +++ b/src/components/CodeEditor/CodeEditor.js @@ -65,9 +65,8 @@ class CodeEditor extends Component { Не вдалося завантажити Babel.

- Це може бути пов'язано з блокувальником реклами. Якщо ви - використовуєте один з них, додайте адресу reactjs.org до білого списку - для того, щоб приклади коду запрацювали. + Це може бути пов'язано з блокувальником реклами. Якщо ви використовуєте один з них, + додайте адресу reactjs.org до білого списку для того, щоб приклади коду запрацювали. ); } else if (error != null) { diff --git a/src/components/ErrorDecoder/ErrorDecoder.js b/src/components/ErrorDecoder/ErrorDecoder.js index 2f0627126..32e6146ac 100644 --- a/src/components/ErrorDecoder/ErrorDecoder.js +++ b/src/components/ErrorDecoder/ErrorDecoder.js @@ -69,8 +69,8 @@ function ErrorResult(props: {|code: ?string, msg: string|}) { if (!code) { return (

- Коли трапляється помилка, ви отримаєте посилання на цю сторінку, де ви - побачите повний текст конкретної помилки. + Коли трапляється помилка, ви отримаєте посилання на цю сторінку, + де ви побачите повний текст конкретної помилки.

); } diff --git a/src/pages/index.js b/src/pages/index.js index fe3baa03a..e9f852ace 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -133,8 +133,7 @@ class Home extends Component { fontSize: 30, }, }}> - JavaScript-бібліотека для створення користувацьких - інтерфейсів + JavaScript-бібліотека для створення користувацьких інтерфейсів

Date: Fri, 21 Feb 2020 14:53:52 +0200 Subject: [PATCH 09/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 169398781..e221c3110 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -1,5 +1,5 @@ --- -title: Попередження про Некоректний Виклик Хуку +title: Попередження: некоректний виклик хука layout: single permalink: warnings/invalid-hook-call-warning.html --- From f59bc16c02a313bde073f36f361154a94727ae3e Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 14:54:03 +0200 Subject: [PATCH 10/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index e221c3110..f650d9c2b 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -4,7 +4,7 @@ layout: single permalink: warnings/invalid-hook-call-warning.html --- -Можливо ви тут тому, що отримали наступне попередження: +Швидше за все, ви перейшли на цю сторінку, тому що отримали наступне повідомлення про помилку: > Hooks can only be called inside the body of a function component. From b2dd1f27f71d33f76d53ac4e3f1fe853a5f02647 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 14:54:14 +0200 Subject: [PATCH 11/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index f650d9c2b..61b599650 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -11,7 +11,7 @@ permalink: warnings/invalid-hook-call-warning.html Існує три поширених причини, через які ви могли побачити це: 1. **Невідповідність версій** React і React DOM у вашому додатку. -2. Ви **порушили [Правила хуків](/docs/hooks-rules.html)** +2. Ви **порушили [правила хуків](/docs/hooks-rules.html)** 3. Ви маєте **більш ніж одну копію React** в одному додатку. Розглянемо кожний з цих випадків. From a04b8198e58a5c4996a0b3867bf7e06b193eaef8 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 14:54:25 +0200 Subject: [PATCH 12/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 61b599650..20663972c 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -18,7 +18,7 @@ permalink: warnings/invalid-hook-call-warning.html ## Невідповідність версій React і React DOM {#mismatching-versions-of-react-and-react-dom} -Можливо ви використовуєте версії `react-dom` (< 16.8.0) або `react-native` (< 0.59), які ще не підтримують Хуки. Виконайте у терміналі команду `npm ls react-dom` або `npm ls react-native` в директорії вашого додатку, щоб перевірити які версії встановлено. Якщо їх виявиться більше, ніж одна, це також може становити проблему (докладніше про це далі). +Можливо ви використовуєте версії `react-dom` (< 16.8.0) або `react-native` (< 0.59), які ще не підтримують хуки. Виконайте у терміналі команду `npm ls react-dom` або `npm ls react-native` у директорії вашого додатку, щоб перевірити які версії встановлено. Якщо їх виявиться більше, ніж одна, це також може становити проблему (докладніше про це далі). ## Порушення правил використання Хуків {#breaking-the-rules-of-hooks} From e79e3faaf7795e667c6b173039ac8f58ae758e51 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 14:54:33 +0200 Subject: [PATCH 13/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 20663972c..2f9b55584 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -20,7 +20,7 @@ permalink: warnings/invalid-hook-call-warning.html Можливо ви використовуєте версії `react-dom` (< 16.8.0) або `react-native` (< 0.59), які ще не підтримують хуки. Виконайте у терміналі команду `npm ls react-dom` або `npm ls react-native` у директорії вашого додатку, щоб перевірити які версії встановлено. Якщо їх виявиться більше, ніж одна, це також може становити проблему (докладніше про це далі). -## Порушення правил використання Хуків {#breaking-the-rules-of-hooks} +## Порушення правил використання хуків {#breaking-the-rules-of-hooks} Ви можете викликати Хуки лише тоді, **коли React відображує функціональний компонент**: From d59183cc665f00d3d76177ac7b9fcb335ea77d8e Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 14:54:42 +0200 Subject: [PATCH 14/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 2f9b55584..616113c94 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -49,7 +49,7 @@ function useWindowWidth() { * 🔴 Не викликайте Хуки в обробниках подій * 🔴 Не викликайте Хуки всередині функцій, переданих до `useMemo`, `useReducer`, або `useEffect`. -Якщо ви порушуєте ці правила, то повинні побачити цю помилку. +Якщо ви порушуєте ці правила, то можна зіткнутися з цією помилкою. ```js{3-4,11-12,20-21} function Bad1() { From d4181bfd8cdac85b874a0b82ff2ccbb62e8918bb Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 14:54:50 +0200 Subject: [PATCH 15/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 616113c94..8cd558f31 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -82,7 +82,7 @@ class Bad3 extends React.Component { >Примітка > ->[Користувацькі Хуки](/docs/hooks-custom.html) *можуть* викликати інші Хуки (у тому й полягає їх призначення). Це не викликає проблем, бо користувацькі Хуки також мають викликатися лише тоді, коли відображується функціональний компонент. +>[Користувацькі хуки](/docs/hooks-custom.html) *можуть* викликати інші хуки (у тому й полягає їх призначення). Це не викликає проблем, бо користувацькі хуки також мають викликатися лише тоді, коли відображується функціональний компонент. ## Дублювання React {#duplicate-react} From 4ceb4483a0b03750c9b8e718f711ac6c077b4e67 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 14:55:02 +0200 Subject: [PATCH 16/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 8cd558f31..64793d662 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -86,7 +86,7 @@ class Bad3 extends React.Component { ## Дублювання React {#duplicate-react} -Для того, щоб Хуки працювали, у вашому додатку потрібно імпортувати той самий модуль `react`, що імпортується всередині пакету `react-dom`. +Для того, щоб хуки працювали, у вашому додатку потрібно імпортувати той самий модуль `react`, що імпортується всередині пакету `react-dom`. Якщо під час імпорту `react` ви звертаєтесь до двох різних джерел, то побачите попередження. Це станеться, коли ви **випадково матимете дві копії** пакету `react`. From 9e00eb103fb0ad06d0b559f90f26e7ad5a228e34 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 14:55:30 +0200 Subject: [PATCH 17/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 64793d662..cb9686b2a 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -90,7 +90,7 @@ class Bad3 extends React.Component { Якщо під час імпорту `react` ви звертаєтесь до двох різних джерел, то побачите попередження. Це станеться, коли ви **випадково матимете дві копії** пакету `react`. -Якщо ви використовуєте Node для керування пакетами, то в корені вашого проекту можливо запустити перевірку наступним чином: +Якщо ви використовуєте Node для керування пакетами, то в корені вашого проекту можна запустити перевірку наступним чином: npm ls react From 7926c19fa9e84fe3076526888201af5aa0d03f16 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 15:06:28 +0200 Subject: [PATCH 18/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index cb9686b2a..bffb3c347 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -46,7 +46,7 @@ function useWindowWidth() { Щоб уникнути непорозуміння, використання Хуку **не** підтримується у наступних випадках: * 🔴 Не викликайте Хуки у класових компонентах -* 🔴 Не викликайте Хуки в обробниках подій +* 🔴 Не викликайте хуки в обробниках подій * 🔴 Не викликайте Хуки всередині функцій, переданих до `useMemo`, `useReducer`, або `useEffect`. Якщо ви порушуєте ці правила, то можна зіткнутися з цією помилкою. From ff14774155d872a0f7d28fa23de1207e4fc2ff14 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 15:06:36 +0200 Subject: [PATCH 19/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index bffb3c347..52d22e8e0 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -22,7 +22,7 @@ permalink: warnings/invalid-hook-call-warning.html ## Порушення правил використання хуків {#breaking-the-rules-of-hooks} -Ви можете викликати Хуки лише тоді, **коли React відображує функціональний компонент**: +Ви можете викликати хуки лише тоді, **коли React відображує функціональний компонент**: * ✅ Викликайте їх на верхньому рівні в тілі функціонального компонента. * ✅ Викликайте їх на верхньому рівні в тілі [користувацького Хука](/docs/hooks-custom.html). From 4b6290ca8559239a503140e736b32e41d5b6b5bf Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 15:06:43 +0200 Subject: [PATCH 20/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 52d22e8e0..35ed8a5a4 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -25,7 +25,7 @@ permalink: warnings/invalid-hook-call-warning.html Ви можете викликати хуки лише тоді, **коли React відображує функціональний компонент**: * ✅ Викликайте їх на верхньому рівні в тілі функціонального компонента. -* ✅ Викликайте їх на верхньому рівні в тілі [користувацького Хука](/docs/hooks-custom.html). +* ✅ Викликайте їх на верхньому рівні в тілі [користувацького хука](/docs/hooks-custom.html). **Дізнайтесь більше про це в [Правилах хуків](/docs/hooks-rules.html).** From 66dbb5d979b012555f672d4449e248f7fd4aeff7 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 15:06:51 +0200 Subject: [PATCH 21/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 35ed8a5a4..e1c82dead 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -27,7 +27,7 @@ permalink: warnings/invalid-hook-call-warning.html * ✅ Викликайте їх на верхньому рівні в тілі функціонального компонента. * ✅ Викликайте їх на верхньому рівні в тілі [користувацького хука](/docs/hooks-custom.html). -**Дізнайтесь більше про це в [Правилах хуків](/docs/hooks-rules.html).** +**Дізнайтесь більше про це в [правилах хуків](/docs/hooks-rules.html).** ```js{2-3,8-9} function Counter() { From 80ba307f0a37898294fdee65fefe383f932c99f4 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 15:06:58 +0200 Subject: [PATCH 22/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index e1c82dead..3cda22392 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -37,7 +37,7 @@ function Counter() { } function useWindowWidth() { - // ✅ Добре: на верхньому рівні користувацького Хука + // ✅ Добре: на верхньому рівні користувацького хука const [width, setWidth] = useState(window.innerWidth); // ... } From 16f2a1fc180adcaa63029a2905a3f3b919e3388c Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 15:07:05 +0200 Subject: [PATCH 23/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 3cda22392..04ac01999 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -43,7 +43,7 @@ function useWindowWidth() { } ``` -Щоб уникнути непорозуміння, використання Хуку **не** підтримується у наступних випадках: +Щоб уникнути непорозуміння, використання хуку **не** підтримується у наступних випадках: * 🔴 Не викликайте Хуки у класових компонентах * 🔴 Не викликайте хуки в обробниках подій From fb70da025ccee1961f5c6ef97dde67f2a29c18e0 Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 15:07:13 +0200 Subject: [PATCH 24/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 04ac01999..36beb35d3 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -45,7 +45,7 @@ function useWindowWidth() { Щоб уникнути непорозуміння, використання хуку **не** підтримується у наступних випадках: -* 🔴 Не викликайте Хуки у класових компонентах +* 🔴 Не викликайте хуки у класових компонентах * 🔴 Не викликайте хуки в обробниках подій * 🔴 Не викликайте Хуки всередині функцій, переданих до `useMemo`, `useReducer`, або `useEffect`. From ae0e2f8be033d79a589937d7823bc7499668d44f Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab <58465344+mikhailnetkachev-halolab@users.noreply.github.com> Date: Fri, 21 Feb 2020 15:07:19 +0200 Subject: [PATCH 25/27] Update content/warnings/invalid-hook-call-warning.md Co-Authored-By: Volodymyr Klymenko --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 36beb35d3..2d7080e53 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -47,7 +47,7 @@ function useWindowWidth() { * 🔴 Не викликайте хуки у класових компонентах * 🔴 Не викликайте хуки в обробниках подій -* 🔴 Не викликайте Хуки всередині функцій, переданих до `useMemo`, `useReducer`, або `useEffect`. +* 🔴 Не викликайте хуки всередині функцій, переданих до `useMemo`, `useReducer`, або `useEffect`. Якщо ви порушуєте ці правила, то можна зіткнутися з цією помилкою. From 40ce122a6b906a2342c854b5567c6c584f89aaae Mon Sep 17 00:00:00 2001 From: mikhailnetkachev-halolab Date: Fri, 21 Feb 2020 15:10:01 +0200 Subject: [PATCH 26/27] Edited according to review. --- content/warnings/invalid-hook-call-warning.md | 1 + 1 file changed, 1 insertion(+) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index 2d7080e53..f2876be0c 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -84,6 +84,7 @@ class Bad3 extends React.Component { > >[Користувацькі хуки](/docs/hooks-custom.html) *можуть* викликати інші хуки (у тому й полягає їх призначення). Це не викликає проблем, бо користувацькі хуки також мають викликатися лише тоді, коли відображується функціональний компонент. + ## Дублювання React {#duplicate-react} Для того, щоб хуки працювали, у вашому додатку потрібно імпортувати той самий модуль `react`, що імпортується всередині пакету `react-dom`. From ef2a4219fc6969214ad5d95042e8eb4d5a639eab Mon Sep 17 00:00:00 2001 From: Volodymyr Klymenko Date: Fri, 21 Feb 2020 20:53:05 -0500 Subject: [PATCH 27/27] Update content/warnings/invalid-hook-call-warning.md --- content/warnings/invalid-hook-call-warning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/invalid-hook-call-warning.md b/content/warnings/invalid-hook-call-warning.md index f2876be0c..22ac8fdff 100644 --- a/content/warnings/invalid-hook-call-warning.md +++ b/content/warnings/invalid-hook-call-warning.md @@ -1,5 +1,5 @@ --- -title: Попередження: некоректний виклик хука +title: "Попередження: некоректний виклик хука" layout: single permalink: warnings/invalid-hook-call-warning.html ---