<ul class="ant-pagination">

      <li className={"ant-pagination-prev" + (state.current === 1 ? " ant-pagination-disabled" : "")} onClick={this.handlePrev}>
          <button type="button" class="ant-pagination-item-link">
              <es-icon type="LeftOutlined"></es-icon>
          </button>

      </li>

      {state.pageNumList.map(function (value) {
          return <li className={"ant-pagination-item" + (state.current === value ? " ant-pagination-item-active" : "")} onClick={this.handleClick.bind(this, value)}>
              <a>{value}</a>
          </li>
      })}
      <li className={"ant-pagination-next" + (state.current === state.pageNum ? " ant-pagination-disabled" : "")} onClick={this.handleNext}>
          <button type="button" class="ant-pagination-item-link">
              <es-icon type="RightOutlined"></es-icon>
          </button>

      </li>
      <li className="ant-pagination-options">

          {showSizeChanger === 'true' && <es-select className="ant-pagination-options-size-changer" value="10" get-popup-container="getPopupContainer" on-change="handleSelectChange(value)">

              <es-option value="10">10 条/页</es-option>
              <es-option value="20">20 条/页</es-option>
              <es-option value="30">30 条/页</es-option>
              <es-option value="40">40 条/页</es-option>

          </es-select>}
          {showQuickJumper === 'true' && <div className="ant-pagination-options-quick-jumper">
              跳至<input type="text" onBlur="handleBlur($event)" />页
          </div>}

      </li>
  </ul>