分页和反应-bootstrap

Question

我正在尝试反应-bootstrap。

我想使用分页组件 here 进行分页。

我的代码是：

<Pagination size="sm">
  <Pagination.First />
  <Pagination.Prev />
     { () => {for(let page=1;page<meta.last_page;page++){
        return <Pagination.Item>{page}</Pagination.Item>
     }}}
  <Pagination.Next />
  <Pagination.Last />
</Pagination>

我有这个错误：

警告：函数作为 React 子项无效。如果您 return 一个 Component 而不是来自 render

可能会发生这种情况

如何循环显示组件Pagination？

Answer 1

只要看看你的语法。您不能使用函数来显示元素。基本上所有的元素都需要直接显示，不需要那个外层() =>

  {items.map((item) => {
    return ...
  })}

用这个来替换你的作品。有时你可能想给它添加一个容器，比如 Fragment。

  <>
    ... // list of items
  </>

分页和反应-bootstrap

pagination and react-bootstrap

pagination

reactjs