Datos de componentes en React
Los datos de componentes pueden almacenarse en tres lugares: en props, en variables y constantes del componente, y en estados. En los props se almacenan datos que el componente padre envía al componente desde el exterior. Mientras tanto, dentro del componente los props deben permanecer inmutables.
En variables, constantes y estados se deben almacenar datos locales que sean importantes para el componente y que el padre no debe conocer. Mientras tanto, en los estados se deben almacenar datos que puedan cambiar en varios eventos y donde se desee que los cambios sean reactivos.
Se da un cierto componente:
function Test() {
// definición de isEdit, elem y data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Determine qué pueden ser isEdit, elem y
data: prop, estado, variable, o
constante.
