danburzo/toolbox

setstate callback call order vs. componentdidupdate

danburzo opened this issue · 1 comments

danburzo commented 
class Comp extends React.Component {
  constructor() {
    super()
    this.state = { count: 0 }
  }
  
  componentDidMount() {
    (new Array(1000)).fill(0).forEach((i,idx) => {
      this.setState({ count: idx }, () => {
        console.log('update: ', idx);
      });
    })
  }
  
  componentDidUpdate() {
  	console.log('cdu', this.state.count);
  }

  render() {
    return (
      <center>
        <h3>
          {this.state.count}
        </h3>
      </center>
    )
  }
}

ReactDOM.render(<Comp/>, mountNode);