我目前正在研究隨機十六進制顏色生成器。我有我的 Hexa 組件和 App 組件，我在 App.js 中將 Hexa 組件作為道具傳遞，一切正常。但我面臨的問題是我希望我的 Hexa 在瀏覽器上多次出現，而不是只顯示一次。我的代碼如下。六組分import React from "react";export default function Hexa(props) {  return (    <div>      <div className="child_content">        {" "}        <h1>Random Colors</h1>        <h2>Hexadecimal Colors</h2>        <div          className="background_div"          style={{ backgroundColor: props.hexaColor() }}        >          <div className="hexa_center"> {props.hexaColor()} </div>        </div>      </div>    </div>  );}應用程序.jsimport React from "react";import Hexa from "./Hexa";import "./Style.css";export default function App() {  const hexaColor = () => {    let str = "0123456789abcdef";    let color = "";    for (let i = 0; i < 6; i++) {      let index = Math.floor(Math.random() * str.length);      color += str[index];    }    return "#" + color;  };  return (    <div className="container">      <div className="child">        <Hexa hexaColor={hexaColor} />      </div>    </div>  );}