Javascript 如何让React HighCharts与TypeScript一起工作?
我正在尝试让HighCharts的官方React npm包正常工作。我在我的项目中使用TypeScript,在尝试使用图表时出现以下错误 类型“HighchartsReact”缺少类型“ElementClass”中的以下属性:上下文、setState、forceUpdate、props和其他2个属性。TS2605 我尝试使用一个类似于该包的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”导入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>