点击元素添加active

import { useState } from "react";
function App() {
  const [name, setName] = useState(1);
  const info = [
    "An item",
    "A second item",
    "A third item",
    "A fourth item",
    "And a fifth one",
  ];
  return (
    <>
      <ul className="list-group">
        {info.map((item, index) => (
          <li
            className={
              index === name ? "list-group-item active" : "list-group-item"
            }
            key={item}
            onClick={() => setName(index)}
          >
            {item}
          </li>
        ))}
      </ul>
    </>
  );
}

export default App;