Reactjs 反应：获取元素并在渲染后应用onClick

我正在使用react和一个使用jquery的引导主题

问题是引导下拉菜单和反应onClick不能一起工作

我的解决方案是在组件的componentDidUpdate（）方法中使用jQuery应用onClick处理程序。这正如预期的那样有效

这不起作用：

 <ul className="dropdown-menu pull-right">
     <li id="logout-button">
         <a href="#" onClick={this.logout.bind(this)}><i></i> Logout</a>
     </li>
 </ul>

但我如何才能在纯反应中做到这一点

如何在react中检索dom元素并在渲染后应用onClick侦听器

使用，可以获得对组件内部DOM元素的引用

在

componentDidMount

中绑定事件时，请记住在

componentWillUnmount

中删除外部侦听器，使用可以获取对组件内DOM元素的引用

---

在

componentDidMount

中绑定事件时，请记住在

componentWillUnmount

中删除外部侦听器。您可以使用React

refs

来解决此问题，同时让框架进行一些管理。请记住在卸载时删除侦听器您可以使用React

refs

来解决此问题，同时让框架进行一些管理。请记住在卸载时删除侦听器

public componentDidUpdate() {
  // workaround: problems with bootstraps dropdown onclick event
  $('#logout-button').click(() => {
      this.logout();
      return false;
  });
}