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.

jsxfunction Test() {
  // definición de isEdit, elem y data
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}