Javascript 如何使用ReactJS将div转换为画布？

使用一些CSS类，这些类在解释Javascript后会转换为HTML5画布

我想知道ReactJS是否知道如何处理这种类型的组件

当我在render方法中编写包含画布转换类的

时，React返回

而不是包含图表的画布

代码如下：

render: function(){
  if (!this.state.data) {
    return <div>Loading...</div>;
  }
  return(
    <div className="col-lg-3 col-sm-6 col-xs-6 col-xxs-12">
      <div className="smallstat box">
        <div className="boxchart-overlay red">
       <!-- the div underneath should convert to a canvas --> 
      <div classname="boxchart">5,6,7,2,0,4,2,4,8,2,3,3,2</div>

        </div>  
        <span className="title">Transactions</span>
        <span className="value">{this.state.data.globalPNL}</span>
      </div>
    </div>
  );
}

render:function（）{
如果（！this.state.data）{
返回装载。。。；
}
返回(
5,6,7,2,0,4,2,4,8,2,3,3,2
交易
{this.state.data.globalPNL}
);
}

这是该

我遗漏了什么吗？

根据需要打电话初始化图表：

var myChart = new xChart('bar', data, '#myChart');

如果您已经这样做了，您是否验证了在图表初始化时DOM中存在该元素？您可以尝试在中初始化图表

var myChart = new xChart('bar', data, '#myChart');