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


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