React / D3错误“未捕获的TypeError：无法读取null的属性'ownerDocument'

Question

我正在尝试使用d3将某些数据绑定到dom元素，但是是在react的上下文中。我找不到d3代码的任何问题，所以我想知道我是否对React生命周期/ ref的处理不正确。

import React from "react";
import { select, selectAll } from "d3-selection";

class Test extends React.Component {
  componentDidMount() {
    this.makeD3();
  }

  makeD3 = () => {
    console.log("maked3");
    selectAll(this.refs.node).data([1, 2, 3, 4]);
    select(this.refs.node).data([1, 2, 3, 4]);  // try just select?
  };

  render() {
    return (
      <div ref="node">test</div>
    );
  }
}