如何从数组中动态移除元素？React.js

import React, { useState } from 'react';

function App() {
  const [array, setArray] = useState([1, 2, 3, 4, 5]);

  const removeElement = (index) => {
    const newArray = [...array];
    newArray.splice(index, 1);
    setArray(newArray);
  };

  return (
    <div>
      <ul>
        {array.map((element, index) => (
          <li key={index}>
            {element}
            <button onClick={() => removeElement(index)}>Remove</button>
          </li>
        ))}
      </ul>
    </div>
  );
}

export default App;