react compontDidMount 获取数据希望动态渲染到页面上 如下图

Question

现在根据 给谁购买保险 的不同， 下面的性别，保险期间等 都是不同的，而后端数据 是一个层层嵌套的对象，{planList:[    insurantList: {        {            limit: {                sumIns: [5]            },            payment: [10],            paymentType: ['YEARPAY'],            guarantee: [20, 30],            ...        }    }]}在componentDidMount 之前，因为会render一次，那么就要设置默认值，比如我设置了默认值 insuantList:{}, 但是首次render的时候，用到了其内部如payment的值，即 insuantList.payment, 但是默认值我给的是{}，会报insuantList.payment为undefined，而且 给谁购买保险 也是获取后端数据的，如果我默认值给了 ’父母‘，页面会呈现初始时是’父母‘， 异步获取结果后 又重新渲染了一次，如何处理这样的情况？

Answer 1

render函数里面判断一下，如果没有值渲染null或者loading即可

类似如下

{ insuantList && insuantList.payment ? <div>要渲染的东东</div> : null}