如何在React (Hooks)中从数组状态中移除元素

import React, { useState } from 'react';

function App() {
  const [items, setItems] = useState(['item1', 'item2', 'item3']);

  // 其他代码...

  return (
    // JSX代码...
  );
}

export default App;

function removeItem(itemToRemove) {
  setItems(prevItems => prevItems.filter(item => item !== itemToRemove));
}

function App() {
  const [items, setItems] = useState(['item1', 'item2', 'item3']);

  function removeItem(itemToRemove) {
    setItems(prevItems => prevItems.filter(item => item !== itemToRemove));
  }

  return (
    <div>
      <ul>
        {items.map(item => (
          <li key={item}>
            {item}
            <button onClick={() => removeItem(item)}>Remove</button>
          </li>
        ))}
      </ul>
    </div>
  );
}