MongoDB Compass如何从CarDetails库单独获取years_used字段

你写的getCarDetailsYearsUsed方法存在3个核心错误，会导致无法正确拿到years_used字段：

• 接口传参错误：原全量查询接口传参是route.params.car_id，你的新方法错传成route.params.voucher_id，接口无法返回对应车辆的正确数据
• 状态更新语法错误：setCarDetails是状态更新函数，不存在setCarDetails.years_used()这种调用方式，属于语法错误
• 未做字段提取：你调用的还是同一个返回全量数据的接口，但没有从返回结果中定位到years_used字段，直接把全量返回值当成目标字段处理

根据实际业务场景，选下面两种方案即可：

方案1：复用已获取的全量数据（推荐） #

如果你已经调用过原有getCarDetails方法，把全量车辆数据存在了carDetails状态中，完全不需要重复发接口请求，直接从已有的状态对象里取目标字段即可，能省一次网络开销：

// 直接在业务逻辑/渲染位置取值即可，可选链操作符避免数据未加载时的报错
<div>车辆使用年限：{carDetails?.years_used}</div>

方案2：单独获取并存储years_used字段 #

如果业务要求必须单独拉取该字段，按如下逻辑修正代码即可：

1. 先在组件顶部单独定义years_used对应的状态，不要复用全量数据的更新方法
2. 修正接口传参，使用正确的car_id入参
3. 拿到接口返回的全量数据后，主动提取years_used属性，再更新对应状态
4. 优化loading逻辑，无论接口请求成功/失败都要关闭loading，避免页面加载态卡死

修正后的参考代码：

// 组件顶部单独定义目标字段的状态
const [yearsUsed, setYearsUsed] = useState(null);

const getCarDetailsYearsUsed = async () => {
  const device_info = await deviceInfoPlugin.getDeviceInfo();
  setLoading(true);
  try {
    const res = await MarketingApi.GetAdminCarDetails(
      route.params.car_id, // 修正为正确的车辆ID参数
      device_info.deviceUUID
    );
    console.log('接口返回结果', res);
    if (res.status === 200) {
      // 从全量返回数据中提取目标字段
      const extractedYearsUsed = res.data.data.years_used;
      setYearsUsed(extractedYearsUsed);
      console.log('提取到的使用年限字段：', extractedYearsUsed);
    } else {
      ResponseError(res);
    }
  } catch (err) {
    console.error('获取车辆使用年限失败', err);
  } finally {
    setLoading(false);
  }
};

补充说明：如果后端GetAdminCarDetails接口支持自定义返回字段，你可以在调用接口时增加字段筛选参数，指定仅返回years_used字段，能减少接口传输的数据量，具体传参规则需要参照你们后端的接口文档。如果后端不支持该能力，前端拿到全量返回后自行提取字段即可。

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