开发中你无法保证后台给你的数据是不是有值的,所有前端应该抱着对后台不信任的原则,做好安全防控,不然很容易出bug报错。
比如
data.closingCustomDateType = {
key:
data.closingCustomDateType &&
data.closingCustomDateType.id || 1,
label:
data.closingCustomDateType &&
data.closingCustomDateType.name || '请选择时间',
value:
data.closingCustomDateType &&
data.closingCustomDateType.id || 1,
};
如果data是null或者underfind的时候就报错了,那我们如何来防止这样没必要的错误呢
方法一:
data.closingCustomDateType = {
key:
data &&
data.closingCustomDateType &&
data.closingCustomDateType.id || 1,
label:
data &&
data.closingCustomDateType &&
data.closingCustomDateType.name || '请选择时间',
value:
data &&
data.closingCustomDateType &&
data.closingCustomDateType.id || 1,
};
方法二(需要babel7支持):
data.closingCustomDateType = {
key:data?.closingCustomDateType?.id || 1,
label:data?.closingCustomDateType?.name || '请选择时间',
value:data?.closingCustomDateType?.id || 1,
};
好了,要是有其他的方法,欢迎留言分享