how to map deeply nested objects in table with appropriate columns with rowspans in react.js with dynamic data?

Question

I want to map data in table so that i should have outcome as shown in table. Category data should span across rows if there are sub categories in that category. Simi