session - React アプリでの最初のページ読み込み時に SessionStorage 値が表示されない

Question

JSX File:
const Action = React.createClass({
   getInitialState() {
      return {actiondrp: [],empDetail:[],show:false,**UserName**:sessionStorage.getItem('UserName')}
   },
   componentWillMount: function () {
      var _this=this;
        _this.setState({UserName:sessionStorage.getItem('UserName')});
        this.fetchBypasses();
       // console.log(UserName);    
   },


HTML: 

  render: function() {
     var that=this;
     return (
        <div>
            <span></span>
            <span>Welcome,{that.state.UserName}</span>
        </div>
     )
  }

SessionStorage は最初のページの読み込み時に表示されるはずですが、初めて null になります。ページをリロードすると、正しく表示されます。