import { UseState } from "./UseState.js";
import { ClassState } from "./ClassState.js";
import "./App.css";

function App() {
  return (
    <div className="App">
      <UseState />
      <ClassState />
    </div>
  );
}

export default App;

import React from "react";

class ClassState extends React.Component {
  render() {
    return (
      <div>
        <h2>Eliminar ClassState</h2>

        <p>Por favor, escribe el código de seguridad.</p>

        <input placeholder="Código de seguridad" />
        <button>Comprobar</button>
      </div>
    );
  }
}

export { ClassState };

import React from "react";

function UseState() {
  return (
    <div>
      <h2>Eliminar UseState</h2>

      <p>Por favor, escribe el código de seguridad.</p>

      <input placeholder="Código de seguridad" />
      <button>Comprobar</button>
    </div>
  );
}

export { UseState };

Archivos de la Clase

Nuevo proyecto: códigos de seguridad

curso-react-estado-1-88f89fffd05f57beaffb92b2eb2794fc3dd7bd68.zip

Lecturas Recomendadas

React App

useState vs. useReducer: Cómo evitar el código espagueti - #ReactHooks

https://github.com/platzi/curso-react-estado-1/commit/88f89fffd05f57beaffb92b2eb2794fc3dd7bd68

https://github.com/FROSTYLAN/SecurityApp/commit/1411cc0c290ce3b4057cad44286fae7c9ca3fd6f