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来帮助你管理，小型的项目可以在写代码之前，思考清楚组件之间的数据共享问题之后再动手。