如何在ReactJS中创建前几个小时的数组？

import React, { useState } from 'react';

function MyComponent() {
  const [hoursArray, setHoursArray] = useState([]);
  
  // 其他组件代码...
}

function MyComponent() {
  const [hoursArray, setHoursArray] = useState([]);

  // 生成前几个小时的数组
  const generateHoursArray = () => {
    const currentHour = new Date().getHours();
    const hours = Array.from({ length: currentHour }, (_, index) => index + 1);
    setHoursArray(hours);
  };

  // 在组件挂载时调用生成数组的函数
  useEffect(() => {
    generateHoursArray();
  }, []);

  // 其他组件代码...
}