Scroll to the top of the page after render in react.js

I have an issue, which I have no thoughts, how to tackle. In my react component I show an extensive list of data and a few links at the base. After clicking on any of these links I fill in the list with a new collection of the links and need to scroll to the top.


The issue is - how to scroll to the top after the new collection is rendered?

'use strict';



// url of this component is #/:checklistId/:sectionId



var React = require('react'),

  Router = require('react-router'),

  sectionStore = require('./../stores/checklist-section-store');





function updateStateFromProps() {

  var self = this;

  sectionStore.getChecklistSectionContent({

    checklistId: this.getParams().checklistId,

    sectionId: this.getParams().sectionId

  }).then(function (section) {

    self.setState({

      section,

      componentReady: true

    });

  });



    this.setState({componentReady: false});

 }



var Checklist = React.createClass({

  mixins: [Router.State],



  componentWillMount: function () {

    updateStateFromProps.call(this);

  },



  componentWillReceiveProps(){

    updateStateFromProps.call(this);

   },



render: function () {

  if (this.state.componentReady) {

    return(

      <section className='checklist-section'>

        <header className='section-header'>{ this.state.section.name }   </header>

        <Steps steps={ this.state.section.steps }/>

        <a href=`#/${this.getParams().checklistId}/${this.state.section.nextSection.Id}`>

          Next Section

        </a>

      </section>

    );

    } else {...}

  }

});



module.exports = Checklist;