ReactJS功能组件:折叠，允许用useState多选打开

import React, { useState } from 'react';

function Collapse() {
  const [isOpen, setIsOpen] = useState(false);

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

  return (
    <div>
      <button onClick={toggleCollapse}>{isOpen ? '关闭' : '展开'}</button>
      {isOpen && <div>折叠内容</div>}
    </div>
  );
}

export default Collapse;

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

function App() {
  return (
    <div>
      <h1>React折叠功能示例</h1>
      <Collapse />
    </div>
  );
}

export default App;