javascript - 如何确定 react 中折叠元素的状态

Question

我正在使用reactjs内的按钮，该按钮使用bootstrap@3.3.6折叠

<div id="collapsing_button" className="collapse">
   <button>Collapse</button>
</div>

如何确定按钮是否已折叠？或者我如何知道折叠状态和非折叠状态之间的切换？

Answer 1

据我了解，您可以使用 reference

<div id="collapsing_button" className="collapse" ref="collapsing_button">

这将使 DOM 元素在您的代码中可用:

render() {
    // just some pseudo-code demo
    let state = this.refs.collapsing_button.getAttribute('aria-hidden');
}