如何在reactJS中初始化长度未知的数组状态？

import React, { useState } from 'react';

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

setArrayState(Array.from({ length: unknownLength }, (_, index) => index));

import React, { useState } from 'react';

const MyComponent = () => {
  const unknownLength = 10; // 未知长度
  const [arrayState, setArrayState] = useState([]);

  // 初始化数组状态
  useState(() => {
    setArrayState(Array.from({ length: unknownLength }, (_, index) => index));
  }, []);

  return (
    <div>
      {arrayState.map((item, index) => (
        <p key={index}>{item}</p>
      ))}
    </div>
  );
};

export default MyComponent;