import React from 'react'import { Pagination, Spin } from'antd' //引入分页组件import'whatwg-fetch'import'./agricultural.less'class Agricultural extends React.Component {
constructor(props) {
super(props)this.state ={
agriculturalList: [],
currentData: [],
total:0,
pageSize:3,
pageNumber: parseInt(window.location.hash.slice(1), 0) || 1 //获取当前页面的hash值,转换为number类型
}//在react中点击事件里面 setState 时会使this重新定义,所以在点击的函数里面使用this.setState()时会报错this.setState not a function,因此需要提前给点击事件的函数绑定this
this.onPageChange = this.onPageChange.bind(this);this.createMarkup = this.createMarkup.bind(this);
}
componentDidMount() {this.handleAnchor() //页面刷新时回到刷新前的page}
handleAnchor() {
this.onPageChange(this.state.pageNumber, this.state.pageSize); //手动调用onPageChange,传入当前页数和每页条数