为什么改变一个状态下的数组，改变useState中的原始数组？

import React, { useState } from 'react';

function MyComponent() {
  const [arrayState, setArrayState] = useState([1, 2, 3]);

  const handleClick = () => {
    const newArray = [...arrayState]; // 使用解构赋值创建新的数组
    newArray[0] = 0; // 修改新数组的状态
    setArrayState(newArray); // 更新状态
  };

  return (
    <div>
      <button onClick={handleClick}>Change Array State</button>
      <ul>
        {arrayState.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
    </div>
  );
}