如何使用动态工具提示在React Table单元格中呈现子表-ReactJS

Question

我基本上是在React Table上工作。我需要在React Table单元格中创建动态工具提示。假设在特定列中，我想有一个“ +”图标。该列中的每个单元格将在数据旁边带有该图标。当我们单击该图标时，将打开一个新的子表作为工具提示。

这是图标-

假设我需要在此表的多个列上介绍此功能。如何动态生成这些子表作为工具提示/弹出页面。

当我单击工具提示时，标志变量变为true，并且将显示我的工具提示。

这是我的CodeSandbox。我应该如何进行？我想在单击该图标时显示一个带有一些子列的弹出页面。但是，当一个列/子列的子表与其他列不同时。我怎么能意识到这一点？

这是我尝试使用的CodeSandbox-https://codesandbox.io/s/405lo2rw8x

我被困在继续进行中。请帮助我解决此功能。