React.StrictMode — это инструмент разработки, который выявляет потенциальные проблемы в твоём приложении, активируя дополнительные проверки и предупреждения для компонентов внутри него. Он не создаёт никаких дополнительных элементов в DOM, как <Fragment>.
Оберни компоненты, которые хочешь проверить, в <React.StrictMode>:
import React from 'react'
function ExampleApplication() {
return (
<div>
<Header />
<React.StrictMode>
<div>
<ComponentOne />
<ComponentTwo />
</div>
</React.StrictMode>
<Header />
</div>
)
}
В примере выше strict mode проверяет только <ComponentOne> и <ComponentTwo>. Компоненты вне обёртки <React.StrictMode> (например <Header>) не подвергаются этим дополнительным проверкам.
React.StrictMode оборачивает компоненты, добавляя дополнительные DOM элементы, которые предоставляют информацию для визуальной отладки в браузере.
Новый — ещё не проверен сообществом
Вы