我是React的新手，我想渲染图片中显示的UI。
描述： UI由sidenav和显示容器两个主要组件组成。侧导航显示该给定选项卡的标题和问题/答案对的数量。当用户单击侧面导航的选项卡时，显示容器将选定的选项卡输出为带有问题/答案对的标题，请参阅api。
EX：用户单击侧面导航栏上的tab2，显示容器将显示 Tab2
问题C. 回答问题C
问题D. 回答问题D
问题E. 回答问题E
侧面导航标签2将显示3，因为有3个问题/答案对。
[IMG] http://imgur.com/fR4DVoP[/IMG] http://imgur.com/fR4DVoP
将以json格式从api获取数据 [{'Tab1'：[ { '问题'： 'QuestionA'， '回答'：'回答问题A' }， { '问题'： 'QuestionB'， '回答'：'回答问题B' } ] 'Tab2'：[ { '问题'： 'QuestionC'， '回答'：'回答问题C' }， { '问题'： 'QuestionD'， '回答'：'回答问题D' }， { '问题'：'QuestionE'， '回答'：'回答问题E' } ] // ... tab3，tab4，依此类推...... }
答案 0 :(得分：1)