Javascript 如何循环我的reactjs组件中的所有元素？

我有一个reactjs组件，看起来像这样：

<div className="wrapper">
                <div className="box box1" ref="04"/>
                <div className="box box1" ref="03"/>
                <div className="box box1" ref="02"/>
</div>

---

实际上，我刚刚列出了25个嵌套div。问题是如何循环这些元素，以便更改所有元素的className属性？

您可以执行以下操作：

const示例=（）=>{
const newArr=[…数组（25）]；
返回(
{
新建映射（（i，索引）=>{
返回(
{index}
)
})
}
);
}
ReactDOM.render（，document.getElementById（'root'））

使用JSX

<div className="wrapper">
   {
      [...Array(25)].map((un, index) => (
          <div key={index} className={yourClassName} ref={yourRef} />
        )
      )
   }
</div>


{
[…数组（25）].map（（联合国，索引）=>(
)
)
}
map（（div，index）div？？什么div？！！