Example for "Update on Async Rendering"

react.jsx

class Example extends React.Component {
  componentDidMount () {
    this.fetchData(this.props)
  }

  componentWillReceiveProps (props) {
    if (props.id !== this.props.id) {
      this.fetchData(props)
    }
  }
  
  fetchData (props) {
    ... fetch and store in a Redux store ...
  }
  
  render () { ...}
}

class Example extends React.Component {
  componentDidMount () {
    this.fetchData(this.props)
  }

  componentDidUpdate (prevProps) {
    if (prevProps.id !== this.props.id) {
      this.fetchData(this.props)
    }
  }
  
  fetchData (props) {
    ... fetch and store in a Redux store ...
  }
  
  render () { ...}
}

Thanks!