我有一个react组件,其中包括带有引用(innerRef)的样式组件。根据反应生命周期,函数“ ComponentDidMount”在渲染组件之后执行,因此,第一个块中的函数应该在渲染函数之后执行。 在控制台中可以看到,首先调用ComponentDidMount,然后调用渲染函数。
ComponentDidMount-
async componentDidMount() {
console.log("componentDidMount Called in " + new Date().toLocaleString());
}
渲染-
return (
<div>
<StyledComponent innerRef={this.selectedElement} id={elementId}/>
{console.log("Render function Called in " + new Date().toLocaleString())}
</div>
);