import React, { Component } from 'react';
class MyCompnent extends Component {
constructor(props) {
super(props);
this.state = {isHover: false};
this.onMouseEnter = this.onMouseEnter.bind(this);
}

componentDidMount() {
$("#aaa").on('hover', ()=> {
$(this).addClass('myHover');
});
}

onMouseEnter() {
this.setState({isHover : true});
}

render() {
const { isHover } = this.state;

return(

);
}

react實現虛擬dom的好處就是可直接操作dom而節省了獲取dom的時間和資源成本，交互如果都寫在了componentDidMount中，就相當于還是在用jquery在寫代碼，況且狀態的更新只有componentDidMount是完全不夠實現復雜的交互，充分合理的使用它的生命周期才能體會到其中之美。至于state的管理，大型的項目你可以考慮flux，redux來幫助你管理，小型的項目可以在寫代碼之前，思考清楚組件之間的數據共享問題之后再動手。