Javascript 使用随机着色的单元格渲染5乘5表格

我有一张5x5的桌子
我需要随机将其中一个单元格的颜色更改为蓝色

在ReactJS中，最好的做法是什么

它在纯JS中的外观示例：

---

您可以跟踪随机选择的单元格（例如，作为[x，y]索引的数组），然后更新状态（在计时器滴答或按钮单击时），以便重新渲染矩阵：

const{useState}=React，
{render}=ReactDOM，
rootNode=document.getElementById（'root'））
常量应用=（）=>{
const randomXY=（）=>[0 | Math.random（）*5，0 | Math.random（）*5]，
[cell，setCell]=useState（randomXY（）），
nextCell=（）=>setCell（randomXY（））
返回(
{
[…阵列（5）]
.map（（u，i）=>(
{
[…阵列（5）]
.map（（j）=>(
))
}
))
}
重置
)
}  
渲染(
,
根节点
)

.wrapper{
显示器：flex；
弯曲方向：立柱；
}
.行{
显示器：flex；
弯曲方向：行；
}
.细胞{
宽度：20px；
高度：20px；
边框：1px纯黑；
}
蓝先生{
背景颜色：蓝色；
}

---

哇，非常优雅的解决方案！精彩绝伦