生命周期函数的执行顺序？

来源：4-9 React 生命周期函数的使用场景

yb笨小孩

2018-12-29

对删除c的部分，不能理解

    componentWillMount() {
		console.log(this.props.item + '_child componentWillMount');
	}

	componentDidMount() {
		console.log(this.props.item + '_child componentDidMount');
	}

	shouldComponentUpdate(nextProps, nextState) {
		console.log(this.props.item + '_child shouldComponentUpdate');
		if (nextProps.item !== this.props.item) {
			return true;
		} else {
			return false;
		}
	}

	componentReceiveProps() {
		console.log(this.props.item + '_child componentReceiveProps');
	}

	componentWillUpdate() {
		console.log(this.props.item + '_child componentWillUpdate');
	}

	componentDidUpdate() {
		console.log(this.props.item + '_child componentDidUpdate');
	}

写回答

1回答

Dell

2018-12-29

具体什么问题

yb笨小孩

1、关于点击e,删除e的部分打印出来的顺序不能理解。我觉得应该是这样的： a_shouldComponentUpdate b_shouldComponentUpdate c_shouldComponentUpdate d_shouldComponentUpdate e_shouldComponentUpdate e_componentWillUpdate e_render e_componentDidUpdata 但是实际打印出来的顺序不是这样？ 2、关于点击c,删除c的部分打印出来的顺序不能理解。我觉得应该是这样的： a_shouldComponentUpdate b_shouldComponentUpdate c_shouldComponentUpdate c_child componentWillUpdate c_render c__child componentDidUpdate d_shouldComponentUpdate 但是实际打印出来的顺序不是这样的？

2019-01-02

共1条回复

React零基础入门到实战，完成企业级项目简书网站开发

主流新技术 React-redux，React-router4，贯穿基础语法

5275 学习 · 2496 问题

查看课程

相似问题

函数式组件也有生命周期么

回答 1

生命周期函数

回答 1

function中怎样使用生命周期函数

回答 1

shouldComponentUpdate生命周期函数还是不理解

回答 3

生命周期函数过期的问题

回答 1

打开慕课网App查看更多内容