如何在React.JS中正确交换数组元素？

import React, { useState } from 'react';

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

  const swapElements = (index1, index2) => {
    // 创建数组的副本，避免直接修改原始数组
    const newArray = [...array];
    // 交换元素位置
    [newArray[index1], newArray[index2]] = [newArray[index2], newArray[index1]];
    // 更新数组
    setArray(newArray);
  };

  return (
    <div>
      <ul>
        {array.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
      <button onClick={() => swapElements(0, 4)}>交换元素</button>
    </div>
  );
}

export default App;