reactjs - react - ¿Qué son los componentes controlados y los componentes no controlados?

react js

Question

¿Qué son los componentes controlados y los componentes no controlados en ReactJS? ¿Cómo se diferencian entre sí?

Answer 1

Esto se relaciona con componentes DOM con estado (elementos de formulario) y los documentos React explican la diferencia:

• Un componente controlado es aquel que toma su valor actual a través de props y notifica los cambios a través de devoluciones de llamada como onChange . Un componente padre lo "controla" manejando la devolución de llamada y administrando su propio estado y pasando los nuevos valores como accesorios al componente controlado. También podría llamar a esto un "componente tonto".
• Un componente no controlado es aquel que almacena su propio estado internamente, y usted consulta el DOM utilizando una ref para encontrar su valor actual cuando lo necesita. Esto es un poco más como HTML tradicional.

En la mayoría (o en todos) los casos , debe usar componentes controlados .