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

Question

我想我误解了裁判应该如何工作。在一个组件中，我返回：

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

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

this._canvas.getContext('2d')

错误是因为this._canvas引用了某种构造函数，如下所示：

我的问题是：

1. 保存对实际画布元素的引用的最佳方法是什么，以便我以后可以做类似getContext的事情，以及
2. 构造函数到底是什么，它的目的是什么？

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