问题标签 [react-infinite-scroll-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1249 浏览

autocomplete - Material UI 自动完成 + 无限滚动在一起?

问题:获取双滚动条 - 删除纸张滚动条使自动完成内容不可滚动,因此仅显示下拉可见高度中的内容。如果我隐藏另一个滚动,则不会调用 Infinite Scroll API。我怎样才能让它工作:

描述 -

我正在尝试使用 Material UI Autocomplete 创建一个无限滚动,我正在使用 react-infinite-scroll-component附加链接作为参考

我实施的方式是:

因为我们需要将无限滚动附加到呈现列表项的 Popper;因此我编写了我的自定义 PAPER 组件(根据文档,它负责在下拉列表中呈现项目) PaperComponent={myCustomComponent}

我的 InfiniteScrollAutoComplete 定义附在下面:

0 投票
0 回答
46 浏览

reactjs - 使用 Material IU Grid 在我的 React 应用程序中遇到 InfiniteScroll 问题

首先,我想承认这是我对 React 的尝试,我正在尝试学习如何使用这个库。

我想尝试从我的一个 API 中创建一些图像的无限滚动。

我已将react-infinite-scroll-componentand '@material-ui` 添加到我的项目中。

这是我的ImageGallery组件当前的样子:

当我尝试运行该应用程序时,它会无限地反复调用 API,并且不会更改页码。此外,InfiniteScroll 组件似乎在网格内部存在一些问题,因为该元素没有填充父容器的宽度。

关于我的代码可能出错的地方或我应该在哪里进行一些更改的任何想法?

0 投票
1 回答
244 浏览

reactjs - react-infinite-scroll 在 Material UI Drawer 中不起作用

我目前正在使用 react-infinite-scroll-component 对某个帖子的评论进行分页。评论部分有一个按钮,它显示了一个应该显示分页评论的抽屉。问题是,react-infinite-scroll-component 不起作用,因为它不会触发“next”功能。

这是代码:

抽屉大多类似于 Youtube 在移动应用上的评论抽屉。我在这里有什么遗漏吗?

0 投票
0 回答
185 浏览

reactjs - 如何使用 react-infinite-scroll-component 在反应中实现无限滚动?

react-infinite-scroll-component请告诉我如何在(npm 模块)的帮助下在我的反应应用程序中实现无限滚动 。我正在使用功能组件。代码如下:

0 投票
1 回答
7256 浏览

pagination - 如何在下一个js中实现无限滚动?

无限滚动next js不起作用,相同的代码正常工作create-react-app

0 投票
1 回答
2785 浏览

reactjs - “react-infinite-scroll-component” 一次调用后停止工作(loadMore 只被调用一次)

我使用 react-infinite-scroll-component 库进行分页,但即使 hasMore 为 true,loadMore 也会调用一次。

请帮我解决这个问题,我做错了什么?

0 投票
0 回答
110 浏览

reactjs - 反应 | 添加滚动事件监听器(水平)

所以我试图弄清楚如何通过函数计算我的水平表格滚动的位置。addEventListener

我的表格元素包裹在<InfiniteScroll>反应组件中,该组件位于我的表格组件中:

我就是这样开始的:

但这仅记录垂直滚动,而不是水平滚动。我需要的是offset left从事件对象中获取一个值(这样我就可以尝试计算它的位置)。

0 投票
0 回答
70 浏览

javascript - 难以实现 React-Infinite-Scroll-Component

我目前正在开发一个使用无限滚动来加载更多帖子的社交媒体应用程序。我通过对从我的数据库返回的结果进行分页来做到这一点。每当用户达到某个阈值时,我希望“下一个”道具调用我的 fetch 函数。这将增加路由中的页码并获取下一组帖子。但是,当我尝试这样做时,它无法正常工作。我不确定是否与所使用的操作或减速器本身有关。我该如何解决这个问题?

组件的 JSX:

还原动作:

帖子减速器:

总页数缩减器:

0 投票
0 回答
51 浏览

reactjs - 从 Unsplash 抓取数据时 React 的钩子错误

我对编程相当陌生,这是我在这里的第一个问题。我正在尝试从 unsplash 中获取图像以创建具有无限随机图像的可滚动页面。我在 setImages([...images, ...res.data]); 上不断收到钩子错误。我不确定我做错了什么。谢谢你。

导出默认登陆;

UnsplashImage.js

谢谢

0 投票
0 回答
163 浏览

reactjs - react-infinite-scroll-component 重新渲染下一页

每当我向下滚动页面时,无限滚动会重新渲染其中的组件,并且它只工作一次。我的意思是重新渲染组件它不起作用应该是我从第一个到最后一个更改但不添加更多视频缩略图组件。这是我主要部分的代码:

我想可能是因为 redux 操作,所以我也将它粘贴在这里:

谢谢:)