我要在 React 組件中生成不同的背景顏色，該組件返回一個從 1 到 100 的數(shù)字數(shù)組。偶數(shù)以及奇數(shù)和質數(shù)應具有單獨的顏色。目前，我的隨機組件在 App 組件中呈現(xiàn)。我現(xiàn)在的問題是如何為偶數(shù)、奇數(shù)和質數(shù)生成這些顏色。到目前為止我所做的在下面。應用組件import React from 'react'import Numbers from './Numbers'import './Style.css'export default function App() {    // const numbers = [1]const numbers = [];for(let i=0; i<=31; i++){    numbers.push(i);    if(i % 2 === 0){        // numbers.style.backgroundColor = 'green' ;     }   }    return (      <div className='container'>        <div className="child">          <h1>Numbers List</h1>          <ul>            <Numbers className="block" numbers={numbers} />            {/* <Numbers/> */}          </ul>        </div>              </div>    )}數(shù)字組件import React from 'react'export default function Numbers({ numbers }) {  const list = numbers.map((number) =>   <div key={number} className="numbers"><li  className="list">{number}</li></div>  )  return list}樣式表body{  display: flex;  justify-content: center;  align-items: center;  height: 100vh;  width: 100vw;} .container{  display: flex;  justify-content: center;  align-items: center;  height: 100vh;  width: 100vw;} .numbers{  background-color: pink;  width: 100px;  height: 100px;  border-right: 1px solid gray;  border-bottom: 1px solid aliceblue;  display: inline-flex;  justify-content: center;  align-items: center;}li{  text-align: center;  padding-top: 15px;  font-size: 1.2rem;  padding-left: 15px;}