请求接口时,如果接口异常,需要对使用数据进行兼容处理

226 阅读1分钟

1-请求过来的数据是数组,对数组进行遍历,需要先判断数组是否存在,不然页面会直接报错

`
           <Select
              allowClear
              value={itemName}
              placeholder="请选择"
              onChange={(value) => setItemName(value)}
            >
              {
                Array.isArray(itemNameList) && itemNameList.length > 0 &&
                itemNameList.map((item,index)=>{
                  return(
                    <Option value={item.itemName} key={index}>{item.itemName}</Option>
                  )
                })
              }
            </Select>
 
   对itemNameList判断是否为数组,并且不为空,再进行遍历
   这里的option需要加入keySelect里加入onChange函数,并且配置useState设置的状态,动态的保存所选择的值
`

2-请求过来的数据,如果是对象,则通过Object.prototype.hasOwnProperty.call(res.body,'id')

这里的res.body是所需要判断的对象,id是对象里面的属性