javascript - React .trim() 不是函数

Question

我的应用程序有一个着陆页，其中两个组件位于两个单独的选项卡中。

导致崩溃的第一个组件的代码如下所示:

for (let key in linegraphdata) {
  linegraphdata[key].price = Number(
    linegraphdata[key].price.trim().slice(1)
  );
  linegraphdata[key].month = parseDate(linegraphdata[key].month);
}

当我最初加载到我的应用程序时它没有崩溃，从第一个选项卡加载数据很好。我将单击进入第二个选项卡，当我最终单击返回时，整个应用程序崩溃并且日志给我这个错误:

Uncaught TypeError: linegraphdata[key].price.trim is not a function

这一定与 React 在渲染后如何处理刷新组件有关，请有人帮我弄清楚 :)

Answer 1

您正在将 string 设置为 number，而数字上没有 trim() 方法。这就是为什么它第一次起作用(当它是一个字符串时)而不是第二次:

array[key] = Number(array[key].trim());

因此该代码必须执行多次。