如何使用useState设置数组的状态？

import React, { useState } from 'react';

const [arrayState, setArrayState] = useState([]);

console.log(arrayState); // 打印数组状态
console.log(arrayState.length); // 打印数组长度
console.log(arrayState[0]); // 打印数组第一个元素

setArrayState([1, 2, 3]); // 更新数组状态为[1, 2, 3]

import React, { useState } from 'react';

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

  console.log(arrayState); // 打印数组状态

  setArrayState([1, 2, 3]); // 更新数组状态为[1, 2, 3]

  return (
    <div>
      {/* 在这里使用数组状态 */}
      <p>数组长度：{arrayState.length}</p>
      <p>数组第一个元素：{arrayState[0]}</p>
    </div>
  );
}

export default MyComponent;