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即可类似如下{&nbsp;insuantList&nbsp;&&&nbsp;insuantList.payment&nbsp;?&nbsp;<div>要渲染的东东</div>&nbsp;:&nbsp;null}