相关疑难解决方法(0)

我正在使用ReactJS,d3JS和ES6来创建组织结构图.我可以创建图表并查看它.但我想将缩放行为添加到图表中,所以我使用了d3.behavior.zoom.我可以看到该方法放大被调用,但d3.event为空.

在我的ASP.NET项目中,我确保除了systemLS配置之外没有任何对d3.js的引用,因为与d3.event相关的问题为null ,许多stackoverflow答案都提到了.

这是我的systemJS配置:

<script>
    System.defaultJSExtensions = true;
    System.config({
        map: {
            'rx': "https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.0.7/rx.all.min.js",
            'react': 'https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.js',
            'react-dom': 'https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js',
            'd3': 'https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.js'
        }
    });
    System.import('../app/app.js');
</script>

OrgChart组件:

import React, { Component } from 'react';
import * as Rx from 'rx';
import * as d3 from 'd3';
import Person from './person';

class OrgChart extends Component {

    constructor(props) {
        super(props);

        this.state = { persons: [] };
    }

    componentWillMount() {
        var source = Rx.Observable.fromPromise($.getJSON("/js/org-persons.json")); …