Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何让React HighCharts与TypeScript一起工作?_Javascript_Reactjs_Typescript_Highcharts - Fatal编程技术网

Javascript 如何让React HighCharts与TypeScript一起工作?

Javascript 如何让React HighCharts与TypeScript一起工作?,javascript,reactjs,typescript,highcharts,Javascript,Reactjs,Typescript,Highcharts,我正在尝试让HighCharts的官方React npm包正常工作。我在我的项目中使用TypeScript,在尝试使用图表时出现以下错误 类型“HighchartsReact”缺少类型“ElementClass”中的以下属性:上下文、setState、forceUpdate、props和其他2个属性。TS2605 我尝试使用一个类似于该包的TypeScript解决方案的示例 从“Highcharts”导入Highcharts 从“highcharts反应官方”导入highcharts反应 类应

我正在尝试让HighCharts的官方React npm包正常工作。我在我的项目中使用TypeScript,在尝试使用图表时出现以下错误

类型“HighchartsReact”缺少类型“ElementClass”中的以下属性:上下文、setState、forceUpdate、props和其他2个属性。TS2605

我尝试使用一个类似于该包的TypeScript解决方案的示例

从“Highcharts”导入Highcharts
从“highcharts反应官方”导入highcharts反应
类应用程序扩展了React.Component{
private_dataOrderService:DataOrdering;
私人原创汽车:汽车[];
构造器(道具:任何){
超级(道具);
常量选项={
标题:{
文本:“我的图表”
},
系列:[{
数据:[1,2,3]
}]
}
此.state={
汽车:[],
原始日历:[],
订购:[“品牌”、“型号”、“年份”],
原始订单:[“品牌”、“型号”、“年份”],
经销商信息:[],
showAddCarModal:false,
showColumnOrderModal:false,
搜索词:“”,
highChartOptions:选项
}
}
render(){
返回(
);
}
这是我一直得到的错误。 类型“HighchartsReact”缺少类型“ElementClass”中的以下属性:上下文、setState、forceUpdate、props和其他2个。TS2605

我已经尝试过使用这个方法,使用这个包的文档中建议的扩展操作符

例如:

const App = (props: HighchartsReact.Props) => <div>
    <HighchartsReact
        highcharts={Highcharts}
        options={options}
        {...props}
    />
</div>
const-App=(道具:HighchartsReact.props)=>

上述代码段仍然导致出现与我所描述的相同的错误。

您能告诉我们,您如何实现第二个示例中的选项吗?您好@MisterTams,您能在一些在线代码编辑器中重现该问题吗?我已经测试了一个标准示例,它可以工作:@Domino987,请查看您在发布的评论下面的示例ppotaczek。我确实尝试了同样的代码,但却出现了同样的错误。@ppotaczek。我创建了一个新项目,并从联机代码编辑器中复制和粘贴了您的代码。安装了npm。不管怎样,都是同样的错误。它在联机版本中肯定有效。问题似乎出在您的模块上,而不是代码上。您使用的是什么版本?你能告诉我们,你是如何实现第二个示例中的选项的吗?嗨@MisterTams,你能在一些在线代码编辑器中重现这个问题吗?我已经测试了一个标准示例,它是有效的:@Domino987,看看你在ppotaczek上发表的评论下面的示例。我确实尝试了同样的代码,但它出现了同样的错误。@ppotaczek.I创建了一个新项目,并从联机代码编辑器中复制和粘贴了您的代码。是否安装了npm。不管怎样,都是相同的错误。它在联机版本中肯定有效。问题似乎出在您的模块上,而不是您的代码上。您使用的是哪个版本?
const App = (props: HighchartsReact.Props) => <div>
    <HighchartsReact
        highcharts={Highcharts}
        options={options}
        {...props}
    />
</div>