分页和反应引导

【问题标题】：pagination and react-bootstrap分页和反应引导
【发布时间】：2021-09-04 00:49:48
【问题描述】：

我正在尝试 react-bootstrap。

我想用组件 Pagination 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 子级无效。如果您返回一个组件而不是从渲染中，则可能会发生这种情况

如何循环显示组件分页？

【问题讨论】：

标签： reactjs pagination

【解决方案1】：

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

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

用它来替换你的作品。有时您可能想向其中添加容器，例如 Fragment。

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

【讨论】：

好的，谢谢你的解释。但在循环“for”的情况下。这个怎么写？
基本上我们在做一个循环，但for 在这里不好，因为你需要返回一个数组。所以如果你需要一个for，你需要先创建一个数组对象。前任。 let a = [] 然后通过a.push(item) 添加项目等等。