如何显示网格下方的子网格

Question

我对开发还比较陌生，我只是从反应开始。我在这里有一个方案，但我无法实现。所以我的查询是如下图所示，我需要实现类似类别列表的页面，并且需要在网格中显示它们（就像我有gird1 grid2 grid3 ......在下图中）。然后单击任何类别，我需要在所选类别的正下方的网格中显示其子类别（如果单击网格1或2或3或4，则其子网格应显示在这些网格的下方）。我该如何实施。希望你理解我的查询。

Image here

提前感谢

Answer 1

我不确定是否存在禁止发布尚未真正开发的解决方案的规则，但是在google上进行的搜索使我进入了w3schools中的此页面，并带有示例：

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_expanding_grid

我不确定它是否可以在React上运行，但是可以在您的解决方案中进行调整。