在React中显示带有当前defaultValue的计数器onChange输入框

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);
  
  const handleChange = (event) => {
    setCount(Number(event.target.value));
  }
  
  return (
    <div>
      <input type="number" defaultValue={count} onChange={handleChange} />
      <button onClick={() => setCount(count + 1)}>增加</button>
      <button onClick={() => setCount(count - 1)}>减少</button>
      <p>当前计数: {count}</p>
    </div>
  );
}

function App() {
  return (
    <div>
      <Counter />
    </div>
  );
}