React Components中的jQuery事件处理程序

Question

我正在使用React扩展现有的jQuery应用程序，它有很多jQuery事件。每当我需要使用jQuery事件时，我的React Component看起来像这样：

class MyComponent extends React.Component{

  componentDidMount(){
    jQuery([events]).on('selected', handler);
  }

  componentWillUnmount(){
    jQuery([evenst]).off('selected', handler);
  }

  handler(){
    this.setState({...})
  } 

}

据我了解，使用这种方法我创建每个实例的处理程序，这可以达到性能。我试图找出如何创建一个单独的处理程序，只要触发jQuery事件指向正确的实例。

示例： 我使用jQuery创建了三个 div元素，每个元素都包含一个React组件。因此，每当我点击div 时，我需要执行React Component的实体内部的方法。

任何帮助将不胜感激！