在react js中的li上切换显示/隐藏`active`类

import React, { useState } from 'react';

function App() {
  const [isActive, setIsActive] = useState(false);

  const toggleActiveClass = () => {
    setIsActive(!isActive);
  };

  return (
    <div>
      <ul>
        <li className={isActive ? 'active' : ''}>Item 1</li>
        <li className={isActive ? 'active' : ''}>Item 2</li>
        <li className={isActive ? 'active' : ''}>Item 3</li>
      </ul>
      <button onClick={toggleActiveClass}>Toggle Active Class</button>
    </div>
  );
}

export default App;