如何创建在react上切换打开模式的按钮

npm install react react-dom

yarn add react react-dom

import React, { useState } from 'react';

const ToggleModeButton = () => {
  const [isOpen, setIsOpen] = useState(false);

  const handleClick = () => {
    setIsOpen(!isOpen);
  };

  return (
    <button onClick={handleClick}>
      {isOpen ? '关闭模式' : '打开模式'}
    </button>
  );
};

export default ToggleModeButton;

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

const App = () => {
  return (
    <div>
      <h1>我的应用程序</h1>
      <ToggleModeButton />
    </div>
  );
};

export default App;