如何在React中获取引用自动生成的元素？

Question

我目前正在做出反应，但我现在遇到了一个错误，我不知道如何修复。我正在使用mCustomScroll bar，这个库自动生成一个id为MCSB_1的元素。这意味着我无法附上＆＃34; ref＆＃34;它。我可以附加的唯一元素是ref to是自动生成元素的父元素。

例如我的结构如下;

componentDidMount()  {
   $(this.refs.messagesPanel).mCustomScrollbar();  //The mCustomScrollbar is a plugin
}

render()  {
    return (
        <div id="messagesPanel" ref="messagesPanel"></div>
   );
}

问题是：当我调用mCustomScrollbar（）时;插件自动在messagesPanel中生成一个div，我不知道如何访问：

<div id="messagesPanel">
    <div id="MCSB_1"></div>
</div>

基本上，我问如何访问＆＃34; MCSB_1＆＃34;如果我不能附上参考文献。

谢谢！

Answer 1

一个选项可能是使用来自messagePanel对象的jQuery查找功能

componentDidMount() {
 ...
}
someFunction() {
  let yourElement = $(this.refs.messagesPanel).find('#MCSB_1');
}