CSS:

.register {

    float: right !important;

}

React:

const userShow = this.state.hasLogined 

                 ? <Menu.Item key="logout" class="register">

                      <Button type="primary" htmlType="button">{this.state.userNickName}</Button>

                      &nbsp;&nbsp;

                      <Link>

                         <Button type="dashed" htmlType="button">{this.state.userid}</Button>

                      </Link>

                      &nbsp;&nbsp;

                      <Button type="ghost" htmlType="button" onClick={this.logout.bind(this)}>退出</Button>

                 </Menu.Item>

                 : 

                 <Menu.Item key="register" class="register"><Icon type="usergroup-add" />注册/登录</Menu.Item>;

<Menu mode="horizontal" selectedKeys={[this.state.current]} onClick={this.handleClick.bind(this)}>

             <Menu.Item key="top"><Icon type="appstore" />头条</Menu.Item>

             <Menu.Item key="social"><Icon type="bank" />社会</Menu.Item>

             <Menu.Item key="local"><Icon type="customer-service" />国内</Menu.Item>

             <Menu.Item key="international"><Icon type="global" />国际</Menu.Item>

             <Menu.Item key="entertainment"><Icon type="trademark" />娱乐></Menu.Item>

             <Menu.Item key="sport"><Icon type="apple" />科技</Menu.Item>

             <Menu.Item key="fashion"><Icon type="gift" />时尚</Menu.Item>

             {userShow}

         </Menu>