react如何统一数据验证,字段验证?

Question

遇到这样的问题,主要是ajax请求返回的数据问题,

例如:
res = {
    other:'',
    list: [
        {
            a:1,
            b:{},
            c:[
                {
                    d:1
                    e:2
                }
            ]
        }
    ]
}

后台返回的格式,有时候比较深, 而且要是没数据就null,经常需要一堆判断,从头判断,不知道那个会是null,贼烦
在对c.map的时候,
res.list && res.list.length && c.map(item=>(
    item.c && item.c.length <div>
))

我指的是这一串串判断res.list && res.list.length && 
写在jsx里,很混乱,

Answer 1

推荐使用optional-chaining。https://github.com/tc39/propo...

res?.list?.c.map(item=>(
    // 
))

babel官方的插件实现：https://github.com/babel/babe...

还有一种方式就是使用proxy代理。 这里有一个proxy实现： https://gist.github.com/zenpa...

Answer 2

一般先判断请求是否成功，再判断请求里面的数据是否存在