图表组件

Question

How to import chartist in react component?

我已经按照上面链接中列出的说明将Chartist.js与react应用程序集成在一起，但是遇到了我从未遇到过的错误。

var React = require('react');
var ReactDOM = require('react-dom');
require('./index.css');
import Chart from './components/Chart'
class App extends React.Component {
  render() {
    return (
      <div>
        <Chart />
      </div>
    )
  }
}

图表组件

import React from 'react';
import ChartistGraph from "react-chartist";

const simpleLineChartData = {
          labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
          series: [
            [12, 9, 7, 8, 5],
            [2, 1, 3.5, 7, 3],
            [1, 3, 4, 5, 6]
          ]
}

class Chart extends React.Component {
  render(){
    return(
      <div>
        <ChartistGraph data={simpleLineChartData} type={'Line'} />
      </div>

    )}

}

export default Chart;

我收到的错误是：

未捕获的错误：元素ref被指定为字符串（图表），但未设置所有者。可能由于以下原因之一而发生： 1.您可能正在向功能组件添加引用 2.您可能正在向未在组件的render方法内创建的组件添加引用 3.您已加载多个React版本

我不确定发生了什么，因为我没有明确将ref传递给代码示例中的任何组件。据我所知，我没有加载React的多个副本。有人可以帮忙吗？

ref react和chartist的问题

图表组件

0 个答案: