Javascript HTML版本的AnyChart可以与React一起使用吗？

我想将库与我当前的React、Redux堆栈一起使用。有没有一种方法可以将任何图表包装成这样的格式。如果您能为我提供一个示例代码片段或指向执行此操作的库的说明，那就太好了。

至于客户端React渲染，当然可以使用React组件中包装的任何图表

您可以编写一个包装AnyChart组件，以这种方式接受数据数组和标题作为道具（饼图包装的示例）：

import React，{Component}来自'React'；
类AnyChart扩展组件{
建造师（道具）{
超级（道具）；
}
//重要信息，否则将重新渲染
//会毁了你的星图
shouldComponentUpdate（）{
返回false；
}
componentDidMount（）{
//从道具获取数据
让data=this.props.data；
让title=this.props.title；
//让我们画图表
anychart.onDocumentReady（函数（）{
让chart=anychart.pie（数据）；
图表。容器（“图表”）；
图表.标题（标题）；
chart.draw（）；
});
}
render（）{
返回(
);
}
}
导出默认图表；

然后可以从另一个react组件使用此组件。 例如，从功能组件：

import React from 'react';
import AnyChart from './AnyChart';
const AnyChartTest = (props) => {

  const data = [
    ['React', 5200],
    ['ES6', 2820],
    ['Redux', 2650],
    ['Redux Ducks', 670]
  ];

  return (
    <div>
      <h1>AnyChart Test</h1>
      <AnyChart data={data} title="Technology Adoption" />
    </div>
  );
};

export default AnyChartTest;

从“React”导入React；
从“/AnyChart”导入AnyChart；
常量AnyChartTest=（道具）=>{
常数数据=[
[React'，5200]，
[ES6'，2820]，
[Redux'，2650]，
[Redux Ducks'，670]
];
返回(
任意图表测试

我希望我能帮助您，至少在客户端渲染方面

Matteo Frana
我不明白为什么要将其包装在FauxDom中？您想简单地将AnyChart作为React组件引用吗？我想能够引用AnyChart组件，并能够在前端和后端渲染中使用它们。
import React from 'react';
import AnyChart from './AnyChart';
const AnyChartTest = (props) => {

  const data = [
    ['React', 5200],
    ['ES6', 2820],
    ['Redux', 2650],
    ['Redux Ducks', 670]
  ];

  return (
    <div>
      <h1>AnyChart Test</h1>
      <AnyChart data={data} title="Technology Adoption" />
    </div>
  );
};

export default AnyChartTest;