react ref返回componentDidMount中未定义的

Question

我试图通过在componentDidMount中使用ref来获取元素，但是它返回未定义的。

未捕获的TypeError：无法读取未定义的属性'appendChild'

当这个问题第一次出现时，我使用了setTimeout函数来确保我要引用的元素已安装。像下面的代码：

setTimeout(() => {
    this.map.appendChild(this.renderer.domElement)
    this.animate()
}, 0)

但是我偶尔还是会遇到同样的问题。有人可以帮我解决这个问题吗？非常感谢。 ：）。

如果不清楚，请在下面发表评论，因为我不是母语人士。

---

这就是我推荐dom的方式。

<div style={{ width, height, position: 'absolute' }} ref={(element) => { this.map = element }} />