StrictMode – це інструмент для виявлення потенційних проблем у додатку. Так само як і Fragment, StrictMode не рендерить видимого UI. Він активує додаткові перевірки та попередження для своїх нащадків.
\n\nПримітка:
\nПеревірки суворого режиму виконуються лише в режимі розробки; вони не впливають на продакшн-збірку.
\n
Ви можете увімкнути суворий режим для будь-якої частини вашого додатку. Наприклад:\n
import React from 'react';\n\nfunction ExampleApplication() {\n return (\n <div>\n <Header />\n <React.StrictMode> <div>\n <ComponentOne />\n <ComponentTwo />\n </div>\n </React.StrictMode> <Footer />\n </div>\n );\n}У наведеному вище прикладі, перевірки суворого режиму не будуть виконуватись для компонентів Header та Footer. Проте компоненти ComponentOne та ComponentTwo, а також всі їхні нащадки матимуть перевірки.
StrictMode наразі допомагає в:
Додаткова функціональність буде додана в майбутніх релізах React.
\nВ цій статті пояснюється, чому деякі застарілі методи життєвого циклу є небезбечними для використання в асинхронних React-додатках. Проте може бути важко проконтролювати використання цих методів життєвого циклу, якщо ваш додаток використовує сторонні бібліотеки. На щастя, суворий режим може допомогти в цьому випадку!
\nКоли увімкнено суворий режим, то React створює список всіх класових компонентів, які використовують небезпечні методи життєвого циклу, та виводить попередження з інформацією про ці компоненти, наприклад:
\n\n
На перший погляд він не здається проблематичним. Але якщо метод SharedApplicationState.recordEvent не ідемпотентний, то створення багатьох екземплярів цього компонента може призвести до недійсного стану додатку. Такий тип витончених помилок може не проявляти себе під час розробки або робити це непослідовно і тому може залишитися не поміченим.
Суворий режим робить подібні патерни більш помітними, навмисно двічі викликаючи методи, такі як конструктор компонента.
\nВикористання застарілого контекстного API часто призводило до помилок, тому він буде видалений в майбутній мажорній версії React. Він все ще працює в усіх релізах версії 16.x, але показуватиме це попередження у суворому режимі:
\n\n
Ознайомтесь з документацією нового контекстного API для спрощення переходу на нову версію.
","frontmatter":{"title":"Суворий режим","next":null,"prev":null},"fields":{"path":"content/docs/strict-mode.md","slug":"docs/strict-mode.html"}}},"pageContext":{"slug":"docs/strict-mode.html"}},"staticQueryHashes":[]}