首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >子组件的props内部返回零的数组长度

子组件的props内部返回零的数组长度
EN

Stack Overflow用户
提问于 2020-07-05 23:10:43
回答 1查看 47关注 0票数 0

itemsLength变量正在向分页组件返回零this.state.items.length恰好在分页组件上方显示计数为6,但在分页组件上显示零

下面是父组件

代码语言:javascript
运行
复制
 {this.state.items.length}
                <Pagination
                    itemsLength={this.state.items.length}
                    currentPage={0}
                    pageCount={2}
                />

子分页组件

代码语言:javascript
运行
复制
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的沙盒链接

EN

回答 1

Stack Overflow用户

发布于 2020-07-06 00:52:53

我不认为这是代码的问题,可能是codesandbox

原因,

  • 当我更新shop.jsx文件(可能还有其他文件)
  • 时,您所说的问题是什么?但是,当我修改pagination.jsx文件并且输出更新时,一切似乎都正常
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62742482

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档