编译失败（反应javascript）

Question

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

./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

Answer 1

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

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

LineGraph 组件运行并用空对象渲染，如果你想检查 data 是否有值，这可能对你有帮助：

Object.keys(data).length

所以：

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

编译失败（反应javascript）

Failed to compile (react javascript)

javascript

charts

node.js

reactjs

numeral.js