React StrictMode

Что такое React StrictMode и как его использовать

Вы можете использоватьReact.StrictModeвстроенный компонент для включения набора проверок, которые React выполняет и о которых предупреждает.

Самый простой способ - обернуть весь компонент приложения в<React.StrictMode></React.StrictMode>в файле index.js:

import React from 'react'
import ReactDOM from 'react-dom'
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>
document.getElementById(‘root’)

Вы также можете использовать его, обернув один или несколько компонентов вашего приложения:

import React from 'react'
class Hello extends React.Component {
render() {
return (
<div>
<React.StrictMode>
…
</React.StrictMode>
<div>
)
}
}

Один из основных вариантов использования этого компонента - его использование в качестве автоматизированного передового опыта, проверки потенциальных проблем и устаревания.

Он не может уловить все, но у вас есть много хороших проверок, которые могут помочь вам исправить низко висящие фрукты.

Представленный в React 16.3 в марте 2018 года, он не оказывает никакого влияния на производство, поэтому вы всегда можете оставить компонент в базе кода. Используемый в разработке, он будет печатать полезные предупреждения в консоли JavaScript браузера.

Скачать мою бесплатнуюСправочник по React

React StrictMode

Что такое React StrictMode и как его использовать

Больше руководств по реакции: