在ComponentDidMount之后调用React中的渲染函数

时间:2018-07-23 18:23:48

标签: javascript reactjs reactive-programming

我有一个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>
    );

控制台difference in time

0 个答案:

没有答案
相关问题