添加 javascript 和 css 文件以进行响应

IT技术 javascript css reactjs d3.js timeserieschart
2021-05-24 17:52:11

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

因此,该图使用了 3 个文件,其中包含 2 个 javascript 文件和 1 个 css 文件。

文件在这里可用: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 代码放入某个文件中或仅使用 . 请提出建议,我是新来的react。谢谢。

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

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

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