使用useSelector解构数据时如何检查Null避免报错？

报错原因是state.vehicles或state.vehicles.data为null/undefined，直接嵌套解构会触发类型错误。你可以在解构的每一层嵌套设置默认空对象来避免这个问题：

const {
  vehicles: {
    data: { reminderVehicles } = {}, // 当data为null/undefined时，使用默认空对象兜底
  } = {}, // 当vehicles为null/undefined时，使用默认空对象兜底
} = useSelector((state) => state);

这样即使上层数据未加载完成或为null，解构过程也不会抛出错误，reminderVehicles会被赋值为undefined（而非触发报错）。

另外，在后续使用reminderVehicles时，建议保留可选链操作符进一步做防御性处理：

document.getElementById("VehicleRegistration").value = `${
  (prepopVehicleReg && reminderVehicles?.[0]?.Registration) || ""
}`;

内容的提问来源于stack exchange，提问作者Bomber