Как отобразить вложенные сетки под сеткой

Question

Я относительно новичок в разработке, и я только начал с реакции. У меня есть сценарий, и я не могу его реализовать. Таким образом, мой запрос, как на рисунке ниже, мне нужно реализовать страницу, как есть список категорий, и мне нужно отобразить их в сетках (как у меня gird1 grid2 grid3 ...... на изображении ниже). И при щелчке любой категории мне нужно отобразить ее подкатегории в сетке прямо под выбранной категорией (если я щелкну сетку 1, 2, 3 или 4, их подрешетка должна отобразиться под этими сетками). Как я могу это реализовать. Надеюсь, вы поняли мой запрос.

Изображение здесь

Заранее спасибо

Answer 1

Я не уверен, существуют ли правила, запрещающие публиковать решение, которое я действительно не разработал, но поиск в Google привел меня на эту страницу в w3schools с примером:

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

Я не уверен, что он будет работать на React, но это может быть то, что вы могли бы адаптировать в своем решении.