添加JavaScript和CSS文件来反应

Question

I'm integrating d3-timeseries graph with react.

So, this graph uses 3 files of its own 2 javascript files and one css file.

files are available here : https://github.com/mcaule/d3-timeseries/tree/master/src

another file is :

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

In my react app, how should refer all these d3 javascript and css files? So, far I just included tags for all these files in my html. How to do it in react?

Also, d3-timeseries javascript code i should put in some file or refer only using . Please suggest, I'm new to react. Thanks.

Answer 1

use 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

Because the rendering of d3 and React differ in their concepts, its quite hard to integrate d3 inside React.

Its maybe better to use the React-Way D3 which provides this package: http://www.reactd3.org