'How to render nested React custom defined component with HOL functions like this

I would like to render nested React components inside my own-defined Layout component, but I don't know how to recursive call reduce/map in order to properly render the children within children according to the Layout structure as the screenshot.

Can someone advice?

code screenshot source code

reactjslayoutreducewysiwyghigh-order-component


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions