React数据获取为什么一定要在componentDidMount里面调用

Question

React数据获取为什么一定要在componentDidMount里面调用

Answer 1

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(

);
}

 

Answer 2

react实现虚拟dom的好处就是可直接操作dom而节省了获取dom的时间和资源成本，交互如果都写在了componentDidMount中，就相当于还是在用jquery在写代码，况且状态的更新只有componentDidMount是完全不够实现复杂的交互，充分合理的使用它的生命周期才能体会到其中之美。至于state的管理，大型的项目你可以考虑flux，redux来帮助你管理，小型的项目可以在写代码之前，思考清楚组件之间的数据共享问题之后再动手。