赞
踩
React中,父组件在内存中生成页面树的时候先去制作子组件,等到子组件挂在到父组件某个节点时在继续内存渲染父组件知道父组件didmount.
父组件:
constructor(props) { super(props); console.log("BABA constructor") } componentWillMount() { console.log("BABA componentWillMount") } componentDidMount() { console.log("BABA componentDidMount") } render() { console.log("BABA render") return ( <div> <div>baba</div> <A></A> </div> ) }
子组件A:
constructor(props) { super(props); console.log("A constructor") } componentWillMount() { console.log("A componentWillMount") } componentDidMount() { console.log("A componentDidMount") } render() { console.log("A render") return ( <div>A</div> ) }
输出结果:
BABA constructor
BABA componentWillMount
BABA render
A constructor
A componentWillMount
A render
A componentDidMount
BABA componentDidMount
React中,父组件在内存中生成页面树的时候先去制作子组件,等到子组件挂在到父组件某个节点时在继续内存渲染父组件知道父组件didmount.
render() {
console.log("BABA render")
return (
<div>
<div>baba</div>
<A></A>
<B></B>
</div>
)
}
输出结果:
BABA constructor
BABA componentWillMount
BABA render
A constructor
A componentWillMount
A render
B constructor
B componentWillMount
B render
A componentDidMount
B componentDidMount
BABA componentDidMount
多个子组件,按顺序,第一个子组件componentDidMount执行完,再是第二个,最后是父组件
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。