react state 深层对象嵌套渲染undefined

最近刚开始写公司react的项目，简单的一些原理运用都已经掌握的七七八八，然后遇到了如题的一个东西。

从后台接了一个数据大概类型是这样json:{a:{b:{}},a2}

就是对象套对象套对象...的这种，然后把这个值setstate，在render调用的时候出现了问题

<p>{json.a.b}<p/>  

<p>{json.a2}<p/>  

json.a2的时候是完全没问题的，json.a.b的时候就是undefined了，也就是从第二层开始

我目前了解到的是，因为我state里面初始化的json是空对象，所以渲染的时候第二层的对象就是undefined，继续往下一层就肯定不行了，也就是undefined.undefined

此处不同于vue，vue的话没有遇到过这个问题。

解决办法有两种：

1.初始化的时候按照后台的深层格式初始化一下

2.每一层对象渲染的时候都要判断一下是不否为空再渲染

初学初学。