在回调中设置ref不会保存实际元素（React）

Question

我认为我误解了裁判应该如何运作。 在一个组件中，我回来了：

return <canvas ... ref={(ref) => this._canvas = ref}/>

稍后，在componentDidMount中，我尝试访问ref为：

this._canvas.getContext('2d')

由于this._canvas引用某种构造函数而导致错误，如下所示：

我的问题是：

1. 保存对实际canvas元素的引用的最佳方法是什么，以便稍后我可以执行getContext之类的操作，
2. 该构造函数到底是什么，它的目的是什么？

我注意到调用this._canvas.getDOMNode()会返回实际的元素，这似乎是我正在寻找的。但是，在没有完全理解我在做什么的情况下，我宁愿不通过并替换this._canvas的所有引用。