Not sure how I can make `rainDrops` loop inside the NavBar function

gistfile1.txt

import React from "react";
import "../styles/NavBar.css";

const drops = 500;
const rain = ('<div class="drop" id="drop' + i + '"></div>')
for (let i = 0; i < drops.length; i++) {
  let rainDrops = drops[i];
}

const NavBar = () => (
  <div>
    <section className="rain" className="rain" 
      left={Math.floor(Math.random() * (16000 - 0 + 1)) + 1} 
      top={Math.floor(Math.random() * (-1000 - 1400 + 1)) + 1}> 
      {rainDrops}
    </section>
</div>
);
export default NavBar;