En React, ¿props frente a state?
Opciones
- Son lo mismo con dos nombres distintos
- Las props son entradas del padre; el state es interno (Opción correcta)
- El state viene solo del servidor, nunca de los usuarios
- Las props solo pueden ser strings, nunca objetos ni números
Respuesta
Las props son entradas que pasa el padre (de solo lectura para el hijo); el state son datos que el componente posee y puede cambiar, lo que dispara un nuevo render
Por qué
Las props son como argumentos de función: las pasa el padre, el hijo las lee pero no debe cambiarlas.
El state es la memoria propia del componente (useState). Cuando lo actualizas con el setter, React vuelve a renderizar el componente con el valor nuevo.
Si el hijo necesita cambiar algo, el padre le pasa una función como prop (por ejemplo onChange).
Recuerda
Props = las da el padre. State = propio y cambiable.