如何在地图内执行for循环

Question

我正在循环记录，在里面我有星级。如果星级是 4，那么我需要一个 for 循环来输出 4 个跨度标签。在 php 中，我有一个 foreach 循环和一个 for 循环，但我现在正试图将它转换为 React。

  <?php foreach ( $foo as $bar ): ?>
    <?php for ( $x = 1; $x <= $stars; $x++ ): ?>
      <span>&#9733;</span>
    <?php endfor; ?>
  <?php endforeach; ?>

反应：

    {reviews.map((r) => (
      <>
        <div className="stars">
          {for loop would go here
           <span>&#9733;</span>
          }
        </div>
      </>
    ))}

Answer 1

创建一个充满虚拟值的数组并再次使用map：

    {reviews.map((r) => (
      <>
        <div className="stars">
          {Array(stars).fill().map(() => <span>&#9733;</span>)}
        </div>
      </>
    ))}