使用react-chartjs-2创建折线图的引用

Question

chart.js我正在尝试创建对我正在使用和构建的图表的引用react-chartjs-2。

这是我尝试创建指定类型的引用的行：const chartRef = useRef<Line>(null);

这是我得到的错误：

'Line' refers to a value, but is being used as a type here. Did you mean 'typeof Line'?

我找到了以下文档，但由于我是 TypeScript 的新手，所以我还不知道如何解释它。这是我正在使用的完整代码：

'Line' refers to a value, but is being used as a type here. Did you mean 'typeof Line'?

你能为我指出正确的方向吗？谢谢！

Answer 1

我对 ChartJS 不是很熟悉，但是当我将现有代码从 更改为const chartRef = useRef<Line>(null);（const chartRef = useRef<'line'>(null);根据文档）时，linter 给了我一个更好的想法来了解需要修复的内容（在ref）。

在你的情况下：

export function App() {
  const chartRef = useRef<ChartJS<"line", number[], string>>(null);

  return (
    <div className="App">
      <h1>This is a chart.</h1>
      <Line data={data} ref={chartRef} />
    </div>
  );
}

工作代码沙箱