Question

我正在反应项目中实现分页，并且在ul中返回一组li元素时遇到问题。在控制台中，renderPageNumbers返回undefined，而我能够看到传递的数组并注销掉每个元素的映射迭代器。箭头li显示在页面上，但是假设介于两者之间的li不会。

我相信我正确地回到了地图陈述中，所以我不知道我需要做些什么来使这项工作。

在组件的render方法中调用RenderPagination。

这是我的简化代码：

renderPageNumbers(pageNumbersArray) {

  pageNumbersArray.map((pageNumber, index) => {
    return (
      <li key={index}><a href=""></a>{pageNumber}</li>
    );
  });
}

renderPagination() {
      const { cardsPerPage } = this.state;
      const cards = this.props.cards;

      const pageNumbersArray = [];
      for (let i = 1; i <= Math.ceil(Object.keys(cards).length / cardsPerPage); i++) {
        pageNumbersArray.push(i);
      }

      return (
        <div>
        <ul className="pagination">
          <li><a href=""><i className="fa fa-angle-double-left"></i></a></li>
          {this.renderPageNumbers(pageNumbersArray)}
          <li><a href=""><i className="fa fa-angle-double-right"></i></a></li>
        </ul>
        </div>
      );
    }
  }

Answer 1

您使用过map，demindiro.com是一个数组方法，可以将数组中的每个元素转换为其他元素并返回一个新数组，因此您需要从该数组返回该新数组$ sudo /scratch/sjn/anaconda/bin/python -m spacy download en功能。

map

使用array.map无法正常渲染<li> <！---->：返回undefined中的返回语句

1 个答案: