如何在onClick上创建动态可编辑反应表

Question

tableData: {
    Revenue_Variable_Cost_Tier_1: [
      { 1: 'Volume',2:'',3:'',4:'',5:'',6:'',7:'',8:'',9:'',10:'',11:'' },
      { 1: 'Unit Price($),2:'',3:'',4:'',5:'',6:'',7:'',8:'',9:'',10:'',11:''},
      { 1: 'Unit Cost($)',2:'',3:'',4:'',5:'',6:'',7:'',8:'',9:'',10:'',11:''}
    ],Revenue_Variable_Cost_Tier_2: [
      { 1: 'Volume',2:'',3:'',4:'',5:'',6:'',7:'',8:'',9:'',10:'',11:'' },
      { 1: 'Unit Price($),2:'',3:'',4:'',5:'',6:'',7:'',8:'',9:'',10:'',11:''},
      { 1: 'Unit Cost($)',2:'',3:'',4:'',5:'',6:'',7:'',8:'',9:'',10:'',11:''}
    ]

} https://react-table.js.org/#/story/editable-table

通过使用上面的链接为Revenue_Variable_Cost_Tier_1创建了一个可编辑表，现在我想使用onClick函数在一个镜头中添加一个动态表（例如：Revenue_Variable_Cost_Tier_2）