如何确定反应中折叠元素的状态

Question

我正在使用bootstrap @3.3.6

折叠的reactjs中的按钮

<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');
}