react引入d3相关问题

1. 开源的d3例子有一些是用了V3的，在V4后更改了一些api

问题：react直接npm install –save d3，安装的是最新版，目前是V5，api的更改导致功能无法实现。
目前遇到的更改了的api是d3.layout, d3.svg。layout和svg其中的所有方法都失效，比如d3.layout.tree，d3.svg.diagonal。
解决：安装V3, npm install –save d3@3.5.17
注：npm安装的版本不是d3自身的版本号，是npm库中的d3版本

2. d3.event在babel或webpack等操作后为null

问题：安装d3后，直接引入import * as d3 from ‘d3’;
之后想使用d3.event时，会报错。
TypeError: null is not an object (evaluating ‘d3.event.**‘)
原因：d3.event的文档中的解答：

If you use Babel, Webpack, or another ES6-to-ES5 bundler, be aware that the value of d3.event changes during an event! An import of d3.event must be a live binding, so you may need to configure the bundler to import from D3’s ES6 modules rather than from the generated UMD bundle; not all bundlers observe jsnext:main. Also beware of conflicts with the window.event global.

解决：import { event } from ‘d3’;
注：毕竟import * 这种方式虽然简单，但不够好。