itemsLength变量正在向分页组件返回零this.state.items.length恰好在分页组件上方显示计数为6,但在分页组件上显示零
下面是父组件
{this.state.items.length}
<Pagination
itemsLength={this.state.items.length}
currentPage={0}
pageCount={2}
/>子分页组件
import React, { Component } from 'react';
class Pagination extends Component {
pageArray = [];
componentDidMount = () => {
console.log(this.props.itemsLength);
let { itemsLength, currentPage, pageCount } = this.props;
let pages = Math.ceil(itemsLength / pageCount);
console.log('itesm length ', itemsLength);
for (let i = 0; i < pages; i++) {
this.pageArray.push(i + 1);
}
console.log('page array ', this.pageArray);
}
render() {
return (
<div>
{
this.pageArray.map(
page => {
return (<button>page</button>);
}
)
}
</div>
);
}
}
export default Pagination;code的沙盒链接
发布于 2020-07-06 00:52:53
我不认为这是代码的问题,可能是codesandbox
原因,
shop.jsx文件(可能还有其他文件)pagination.jsx文件并且输出更新时,一切似乎都正常https://stackoverflow.com/questions/62742482
复制相似问题