Javascript React JS呈现父对象不会再次呈现子对象

在渲染父对象时，我在渲染子对象时遇到一些问题。 在这里，我试图实现“生活游戏”（来自Freecodecamp类的一个项目）。 我陷入了这种境地。我点击一个死细胞，它就变成了活细胞（蓝色）。然后，假设我想清除网格，也就是说，使所有细胞死亡，但它不起作用。看起来，即使重新渲染父对象，也不会重新渲染子对象

有什么想法吗

var板=[]；
var宽度=80；
变量长度=50；
可变单元格=宽度*长度；
变量状态=[“活着”、“死了”]；
类BoardGrid扩展了React.Component{
建造师（道具）{
超级（道具）；
//this.initBoardArray=this.initBoardArray.bind（this）；
}
render（）{
//this.initBoardArray（）；
让boardDOM=this.props.board.map（函数（单元格）{
返回；
});
返回(
{boardDOM}
);
}
}
类BoardGridCell扩展React.Component{
render（）{
返回(
);
}
}
函数初始化板（）{
for（设cellIndex=0；cellIndex
html，
身体{
身高：100%；
文本对齐：居中；
字体系列：“开放式Sans”，无衬线；
}
h1，
氢{
字体系列：“按开始2P”，草书；
}
.按钮{
宽度：100px；
边框：1px实心#555；
填充物：5px；
保证金：5px；
光标：指针；
边界半径：4px；
}
.按钮：悬停{
不透明度：0.9；
}
#主要{
利润率：10px；
}
#游戏网格{
背景色：#000；
显示器：flex；
柔性包装：包装；
调整内容：灵活启动；
宽度：800px；
高度：500px；
溢出：隐藏；
}
#游戏网格，手机{
边框：1px实心#7676；
宽度：10px；
高度：10px；
颜色：#fff；
字体大小：9px；
框大小：边框框；
}
.活着{
背景色：#2185d0；
}

开始
暂停
停止
如果不需要，您不应该将
jQuery
与React一起使用。两者都操纵DOM，但基于不同的信息，这会使它们以意外的方式进行干扰

对于你的董事会状态，你应该。在构造函数中初始化状态，并在呈现每个单元格时初始化状态

单击单元格时，调用board组件提供的回调函数，并传递其id。使用该id更新
BoardGrid
组件中的电路板状态

如果您遇到任何问题，我可以稍后添加一些示例代码