![](/img/trans.png)
[英]JSX element type 'string' is not a constructor function for JSX elements. Typescript
[英]JSX element type 'Line' is not a constructor function for JSX elements
我正在尝试使用带有Typescript的chart.js在React中构建应用程序,但是当尝试渲染折线图时,我在此行遇到了上述错误:
<Line data={data}/>.
与此同时,我还收到消息“类型'ChartComponent'缺少类型'ElementClass'的以下属性:渲染,上下文,setState,forceUpdate和其他3个。
此外,当我使用yarn start运行该应用程序时,该图将呈现,但仅显示一秒钟,然后崩溃并显示错误消息。
我是Typescript的新手,所以我对该错误的含义感到困惑。 任何帮助,将不胜感激。
import React, {Component} from 'react';
import Line from "react-chartjs-2"
class LineTest extends React.Component{
render() {
const data = {
labels: [
'10/04/2018', '10/05/2018',
'10/06/2018', '10/07/2018',
'10/08/2018', '10/09/2018',
'10/10/2018', '10/11/2018',
'10/12/2018', '10/13/2018',
'10/14/2018', '10/15/2018'
],
datasets: [
{
label: 'Temperature',
data: [22,19,27,23,22,24,17,25,23,24,20,19],
fill: false,
borderColor: 'green'
}
]
}
return (
<div className="App">
<div>
<Line data={data}/>
</div>
</div>
);
}
}
export default LineTest
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.