javascript 反应 - 钩子

Posted 2021-05-03

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <div>
    <input 
      onChange={(e) => setCount(e.target.value)} 
      type="number" 
      value={count}>
    </input>
      <p>Le compteur est  à : {count} </p>
      <button onClick={() => setCount(Number(count) + 1)}>
        +1
      </button>
      <button onClick={() => setCount(Number(count) - 1)}>
        -1
      </button>
    </div>
  );
}

export default Counter;