如何使用ReactJS从切换按钮镜像状态？

import React, { useState } from 'react';

const ToggleButton = () => {
  const [isOn, setIsOn] = useState(false);

  const handleToggle = () => {
    setIsOn(!isOn);
  };

  return (
    <button onClick={handleToggle}>
      {isOn ? 'ON' : 'OFF'}
    </button>
  );
};

export default ToggleButton;

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

const App = () => {
  return (
    <div>
      <h1>Toggle Button Example</h1>
      <ToggleButton />
    </div>
  );
};

export default App;