ReactJS / Javascript：componentDidMount（）和渲染

Question

渲染功能内的控制台日志显示数据。 console.log(this.props)的{​​{1}}未定义（呵呵）。那怎么可能？我不了解componentDidMount()在React中的工作方式。

async

Answer 1

安装组件时，将同时调用

componentDidMount挂钩。重新渲染时不会调用它。

如the reference所述：

  

componentDidMount（）在安装组件（插入树中）后立即被调用。需要DOM节点的初始化应在此处进行。如果您需要从远程端点加载数据，那么这是实例化网络请求的好地方。

this.props.data目前尚未定义。

在每次重新渲染时触发render挂钩。这个问题没有显示组件的使用方式，但是可以预期data中的<Graph data={...}值是异步定义的，而console.log(this.props.data)中的render可以反映出来。