Question

我正在将d3-timeseries图表与react进行整合。

因此，此图表使用了自己的2个javascript文件和一个css文件的3个文件。

文件可在此处获得： https://github.com/mcaule/d3-timeseries/tree/master/src

另一个文件是：

<script src="https://d3js.org/d3.v3.min.js"></script>

在我的反应应用程序中，应该如何引用所有这些d3 javascript和css文件？所以，我刚刚在我的html中包含了所有这些文件的标签。怎么做反应？

另外， d3-timeseries javascript代码我应该放入一些文件或仅参考使用。请建议，我是新来的反应。感谢。

Answer 1

使用import

import React from 'react';
import d3Js from 'https://d3js.org/d3.v3.min.js';
import 'path/to/your/file.css';

export default class MyNavbar extends React.Component {
    render(){
      return (
       <div> something </div>
      );
    }
}

Answer 2

因为d3和React的渲染在概念上有所不同，所以很难将d3集成到React中。

使用提供此软件包的React-Way D3可能更好： http://www.reactd3.org

添加javascript和css文件进行反应

2 个答案: