javascript - 使用 React 增加数字直到达到特定数字

Question

我目前正在使用 React 制作日历，我正在尝试制作一个简单的函数，这样我就不必每次都编写(00:00 - 23:00)。

如何使用类名 calendar-time 递增每个 div，以便它执行类似的操作？

<div className="wrapper">
            <div className="calendar-time">
                00:00
            </div>
            <div className="calendar-time">
                01:00
            </div>
            <div className="calendar-time">
                02:00
            </div>
            <div className="calendar-time">
                03:00
            </div>
        </div>

我尝试过:

render() {
    for (let i = 0; i < 23; i++) {
        return(
            <div className="calendar-time">
                {i}:00
            </div>
        );
    }

    return(
        <div className="wrapper">

        </div>
    );
  }

Answer 1

{[...Array(24)].map((_, el) => (
    <div className="calendar-time" key={el}>
      {`${('0' + el).slice(-2)}:00`}
    </div>
))}