如何将所有数组项重新排序到React中的特定索引？

import React, { useState } from 'react';

const MyComponent = () => {
  const [data, setData] = useState(['item1', 'item2', 'item3', 'item4']);

  const moveItem = (currentIndex, targetIndex) => {
    const item = data[currentIndex];
    const newData = [...data];
    newData.splice(currentIndex, 1);
    newData.splice(targetIndex, 0, item);
    setData(newData);
  };

  return (
    <div>
      <ul>
        {data.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
      <button onClick={() => moveItem(0, 2)}>Move item 1 to index 2</button>
    </div>
  );
};

export default MyComponent;