编译失败（反应 javascript）

【问题标题】：Failed to compile (react javascript)编译失败（反应 javascript）
【发布时间】：2021-10-11 20:00:13
【问题描述】：

这是我的问题，希望有解决办法

./src/LineGraph.js
Syntax error: D:/programming/corona-tracker-app/covid-19-tracker/src/LineGraph.js: Unexpected token (88:12)

  86 |   return (
  87 |     <div>
> 88 |       {data?.length > 0 && (
     |             ^
  89 |         <Line
  90 |         options={options}
  91 |           data={{

code 1 code 2

【问题讨论】：

添加原码
您可能需要更新编译器。您在错误行上使用的可选链接对于 ECMAScript 来说是相当新的。您使用什么库来编译源文件？
Optional chaining.
你能告诉你react-scripts的版本来自你的package.json
“版本”：“0.1.0”，

标签： javascript node.js reactjs charts numeral.js

【解决方案1】：

根据您的代码图像，您可以使用 Typescript 运算符处理空安全（或具有值）：?.

当您在第 67 行使用 useState 定义 data 对象时，分配了一个空对象。

LineGraph 组件运行并以空对象呈现，如果您想检查 data 是否有值，这可能会对您有所帮助：

Object.keys(data).length

所以：

return(
<div>
    {Object.keys(obj).length === 0 && (
        <Line 
        // options
        />
    )}
</div>
)

【讨论】：