Réagir StrictMode

Qu'est-ce que React StrictMode et comment l'utiliser

Vous pouvez utiliser leReact.StrictModecomposant intégré pour activer un ensemble de vérifications que React effectue et vous avertit.

Un moyen simple consiste à envelopper l'ensemble du composant App dans<React.StrictMode></React.StrictMode>dans le fichier index.js:

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

Vous pouvez également l'utiliser en encapsulant un ou plusieurs composants de votre application:

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

L'un des principaux cas d'utilisation de ce composant est d'être utilisé comme une vérification automatisée des meilleures pratiques, des problèmes potentiels et des dépréciations.

Il ne peut pas tout attraper, mais vous avez beaucoup de jolis chèques ici qui peuvent vous aider à réparer les fruits à portée de main.

Introduit dans React 16.3 en mars 2018, il n'a aucun impact en production, vous pouvez donc toujours laisser le composant dans la base de code. Utilisé en développement, il imprimera des avertissements utiles dans la console JavaScript du navigateur.

Téléchargez mon gratuitManuel React

Réagir StrictMode

Qu'est-ce que React StrictMode et comment l'utiliser

Plus de tutoriels de réaction: