如何在React中切换按钮并将数字递增1或-1

import React, { useState } from 'react';

const Counter = () => {
  const [count, setCount] = useState(0);

  const handleIncrement = () => {
    setCount(count + 1);
  };

  const handleDecrement = () => {
    setCount(count - 1);
  };

  return (
    <div>
      <button onClick={handleIncrement}>增加</button>
      <button onClick={handleDecrement}>减少</button>
      <p>当前数字: {count}</p>
    </div>
  );
};

export default Counter;

import React from 'react';
import Counter from './Counter';

const App = () => {
  return (
    <div>
      <h1>React计数器</h1>
      <Counter />
    </div>
  );
};

export default App;