javascript React Hooks简单相同

Posted 2021-05-03

import React, { useState } from "react";
import logo from "./logo.svg";
import "./App.css";

const App = () => {
  const [count, setCount] = useState(0);
  const [email, setEmail] = useState("");
  const updateEmail = e => {
    const {
      target: { value }
    } = e;
    setEmail(value);
  };

  return (
    <>
      {count}
      <button onClick={() => setCount(count + 1)}> Increment </button>
      <button onClick={() => setCount(count - 1)}> Decrement </button>
      <input placeholder="Email" value={email} onChange={updateEmail} />
    </>
  );
};

export default App;