小编Koa*_*mos的帖子

我是 d3 的新手，并尝试使用 d3、TypeScript 和 react 来实现最小折线图。但它总是会导致 TypeScript 错误。在我的图表被错误消息替换之前，我什至会看到一秒钟的图表。

我尽可能将 d3 部分与 react 代码分开。有一种反应成分呈现一个div与id在componentDidUpdate该id被传递给draw函数在一个单独的文件，我所有的D3代码（代码如下所示）。我试图为所有可以输入的东西提供一个类型。

import * as d3 from 'd3'

type Props = { id: string }
type Datum = {x: number, y: number}
type Data = Array<Datum>

const draw = (props: Props) => {
    const data = [
        { x: 1, y: 5 },
        { x: 20, y: 20 },
        { x: 40, y: 10 },
        { x: 60, …