添加 javascript 和 css 文件以做出反应

Question

我正在将 d3-timeseries 图与 react 集成。

所以，这个图使用了它自己的 2 个 javascript 文件和 1 个 css 文件中的 3 个文件。

文件在这里可用： https://github.com/mcaule/d3-timeseries/tree/master/src

另一个文件是：

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

在我的 react 应用程序中，应该如何引用所有这些 d3 javascript 和 css 文件？所以，到目前为止，我只是在我的 html 中包含了所有这些文件的标签。 react中怎么做呢？

另外， d3-timeseries javascript 代码我应该放在某个文件中或仅使用 .请建议，我是新来的反应。谢谢。

Answer 1

由于 d3 和 React 的渲染概念不同，所以很难将 d3 集成到 React 中。

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

Answer 2

使用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>
      );
    }
}