reactjs组件从其他组件生成数组

Question

在这里反应新手，请多多包涵。

  

我想创建一个组件，该组件从其他组件接收具有ID的数组并进行渲染。初始组件数组的长度为0。当用户点击分配的单选时，应向该组件发送请求，以将所选值添加到其数组中。将调用最后一个组件票证。

另一个组件从API生成10行无线电元素

我最终的数组结构将如下所示：

ticketPLAY > [{gid:game.id, play:0, score:0}]

父组件生成带有10个游戏ID的表单

game1: play A[] B[] C[]
game2: play A[] B[] C[]
-------
game10: play A[] B[] C[]     //this is a component that renders the gameid play and sends to ticketPlay the chosen value.

我想创建一个组件（ticketPlay），使我能够生成类似以下的播放数组：

[
  {gid:1, play:A, score:0}, 
  {gid:2, play:B, score:0}, 
  ...
  {gid:10, play:A, score:0} 
]

并将其列出在底部的页面上。

在这里采取的最佳方法是什么？