componentDidMount is called before render is completly done

Hi,

As much as I understand React component lifecycle, componentDidMount() should fire after render() is done, but I just found out today that this is not the case, and I’m not sure if this is a bug or lack of understanding from my side.

If I call a function that return some jsx inside render(), it always run after componentDidMount(), so if I have this setup, componentDidMount() always finish before _renderTable() or _renderMessage()

export default class Table extends React.Component {
componentDidMount() {
...
}

render() {
  const content = this.props.valid ? this._renderTable() : this._renderMessage()
  return (
    {content}
  )
}
_renderTable() {...}
_renderMessage() {...}
}

Am I missing something? or is it some bug? Thanks!

[gaearon]

If you’re sure it’s a bug in React please provide an example reproducing it with React. If not, please ask for help on StackOverflow. We use the issue tracker for tracking bugs in React. Thanks!

[jimfb]

:%s/componentWillMount/componentDidMount/g