添加ref到Reactstrap Jumbotron会导致错误

Question

我正在努力阅读Jumbotron的高度。

为了做到这一点，我跟着this回答。

唯一的区别是我将ref应用于Reactstrap Jumbotron。所以我添加了这段代码：

  <Jumbotron
    className="test"
    ref={ (divElement) => this.divElement = divElement}
  >

结果是这样的：

警告：无法为无状态功能组件提供参考。尝试访问此参考将失败。

我该如何克服这个问题？

Answer 1

我刚遇到同样的问题，问题是ReactStrap使用功能组件来呈现标签，因此你不能在它们上使用refs。只需将您的jumbotron转换为div而不使用反应带，它就能正常工作。

<div className="jumbotron" ref={this.divElement}></div>