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實(shí)現(xiàn)虛擬dom的好處就是可直接操作dom而節(jié)省了獲取dom的時(shí)間和資源成本，交互如果都寫在了componentDidMount中，就相當(dāng)于還是在用jquery在寫代碼，況且狀態(tài)的更新只有componentDidMount是完全不夠?qū)崿F(xiàn)復(fù)雜的交互，充分合理的使用它的生命周期才能體會(huì)到其中之美。至于state的管理，大型的項(xiàng)目你可以考慮flux，redux來幫助你管理，小型的項(xiàng)目可以在寫代碼之前，思考清楚組件之間的數(shù)據(jù)共享問題之后再動(dòng)手。