React组件TypeError问题
React组件TypeError问题
提问于 2018-07-26 17:32:06
我已经安装了react图表组件并将其导入到我的项目中。但是在导入之后，我得到了以下错误：
对这个问题有什么帮助吗？我有以下代码：
import PropTypes from "prop-types";
import { connect } from "react-redux";
import React, { Component } from "react";
// import LineChart from 'react-chartjs';
// import { Sparklines, SparklinesBars } from 'react-sparklines';
import Chart from "react-google-charts";
class AnalyticsPage extends Component {
render() {
const data = [
["Year", "Visitations", { role: "style" }],
["2010", 10, "color: gray"],
["2020", 14, "color: #76A7FA"],
["2030", 16, "color: blue"],
[
"2040",
22,
"stroke-color: #703593; stroke-width: 4; fill-color: #C5A5CF"
],
[
"2050",
28,
"stroke-color: #871B47; stroke-opacity: 0.6; stroke-width: 8; fill-color: #BC5679; fill-opacity: 0.2"
]
];
return (
<div>
Analytics
<div>
<Chart chartType="BarChart" width="100%" height="400px" data={data} />
</div>
</div>
);
}
}
const AnalyticsPageWithRedux = connect()(AnalyticsPage);
export default AnalyticsPageWithRedux;回答 1
Stack Overflow用户
发布于 2018-07-26 18:08:03
在你的render返回值中，你只需要提供" Analytics "，它本质上只是提供了未实例化的Analytics类。像使用Chart一样使用JSX
return (
<div>
<Analytics />
<div>
<Chart chartType="BarChart" width="100%" height="400px" data={data} />
</div>
</div>
);或者，如果您希望包装包含图表组件的div：
return (
<div>
<Analytics>
<div>
<Chart chartType="BarChart" width="100%" height="400px" data={data} />
</div>
</ Analytics>
</div>
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51535556
复制相关文章
相似问题
腾讯云开发者
