Reaccionar StrictMode

¿Qué es React StrictMode y cómo usarlo?

Puedes usar elReact.StrictModecomponente incorporado para habilitar un conjunto de comprobaciones que React realiza y sobre las que le advierte.

Una forma sencilla es envolver todo el componente de la aplicación en<React.StrictMode></React.StrictMode>en el archivo index.js:

import React from 'react'
import ReactDOM from 'react-dom'

ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode> document.getElementById(‘root’)

También puede usarlo empaquetando uno o más componentes de su aplicación:

import React from 'react'

class Hello extends React.Component { render() { return ( <div> <React.StrictMode></React.StrictMode> <div> ) } }

Uno de los principales casos de uso de este componente es que se utilice como una verificación automatizada de mejores prácticas, problemas potenciales y obsolescencia.

No puede atrapar todo, pero tiene muchos buenos controles aquí que pueden ayudarlo a arreglar las frutas que cuelgan bajo.

Introducido en React 16.3 en marzo de 2018, tiene un impacto cero en la producción, por lo que siempre puede dejar el componente en la base de código. Utilizado en desarrollo, imprimirá advertencias útiles en la consola JavaScript del navegador.

Descarga mi gratisReact Handbook


Más tutoriales de react: