React无限加载数据，直到数据从后端出现--每次请求都会有固定的数据

文章/答案/技术大牛

发布

1回答

javascript、reactjs、infinite-scroll、infinite

我有一个具有无限加载功能的react组件，每次我向后端发出请求时，我都会得到大约13条记录。我只需要发送页码到后端来获取数据，只有数据是从后端的那个特定的pageNumber。我需要显示加载微调器向下滚动时，数据正在加载或直到数据在那里。我写了一些代码，但它

浏览 8提问于2020-05-19得票数 0

回答已采纳

1回答

当我滚动到屏幕的一半时，我希望我的react组件加载更多的数据。

javascript、reactjs、react-infinite-scroll-component

我正在创建一个React项目，在这个项目中，我通过调用api来呈现数据，每次api都给出长度为10的数据数组。我使用react-infinite-scroll-component来使用无限滚动功能。每当我滚动到屏幕的一半部分时，我都希望每次都加载数据，我不想在屏幕上显示加载程序。有人能帮我吗。return <Card data={item}

浏览 13提问于2022-01-04得票数 0

回答已采纳

1回答

加载更多和搜索逻辑

php、javascript、css、search、logic

首先，我希望我能在正确的地方提出这个问题。我正在构建一个网页，允许用户从一组100+中选择一幅图像。我想在一次显示他们6，用户必须能够搜索通过他们(更好的键向上搜索)。我的第一个实现查询了数据库，并返回了当用户单击load更多时加载的前8组和更多的8组。问题是，当用户搜索时，它只搜索用户已经加载的图像。我目前的实现包括加载所有映像，并使用css/ js组合来隐藏所有信息，但当调用load

浏览 0提问于2017-06-08得票数 0

回答已采纳

1回答

Google中驻留后端实例的可用性

java、python、google-app-engine、high-availability

不过，我并没有找到支持这点的参考资料。后端实例在终止后是否会自动重新启动？例如，一个实例是否在内存耗尽后自动重新启动？如果每

浏览 1提问于2013-05-01得票数 2

1回答

ReactNative:如何刷新数据

reactjs、firebase、react-native、google-cloud-firestore

我对React Native代码构建是个新手。下面是我的React Native代码，用于从Firebase获取数据。，我都需要刷新当前组件，以便从firebase中获得新添加的数据。到现在为止，当我第二次渲染组件时，组件还没有加载。它只获取旧的数据，不加载最新的数据，仍然刷新整个应用程序。每当呈现组件时，我都</em

浏览 13提问于2021-05-04得票数 0

回答已采纳

1回答

如果添加了函数依赖项，则可以无限地响应useEffect reRenders。

react-hooks、infinite-loop、use-effect、functional-dependencies

我使用react钩子从后端获取数据。我正在使用两个函数(道具非结构化) useEffect(() => { const fetchCourses如果我添加这些useEffect，就会无限地运行，因为setisloading每次都会重新启动useEffect调用。怎样才能阻止这一切的发生？

浏览 3提问于2020-08-28得票数 0

3回答

使用setState与食品数据中心API (USDA)反应本机无限循环

javascript、reactjs、react-native、react-hooks

期望的FDC：当尝试使用setState记录从FDC食品数据库检索到的数据时，会有一个无限循环。import { View, } from 'react-nati

浏览 5提问于2020-07-07得票数 0

回答已采纳

2回答

使用React.js插入MongoDB文档

javascript、mongodb、reactjs、express

我想知道是否有一种方法可以直接从React组件将文档插入到MongoDB集合中。var NewMessageInput = React.createClass({

浏览 2提问于2017-03-20得票数 0

1回答

Firefox 68.0更新导致API调用在CSP report-uri POST请求后返回403

session、firefox、post、cookies、content-security-policy

在最新的Firefox更新(68.0)之后，我遇到了持久会话数据的问题。当用户登录时，当页面加载时，会有各种预期的CSP冲突，这些冲突会将包含冲突报告的POST请求发送到report-uri指令包含的路径。用于检索用户数据的后续API GET请求将返回403禁止，它(根据设计)将用户重定向回登录页面。由于用户已经登录，因此发送相同的API请求导致

浏览 21提问于2019-07-18得票数 0

1回答

是使用本地存储完成的吗？或者React* JS中的数据绑定？*

reactjs、data-binding、react-redux、local-storage、redux-form

我是react和开发react应用程序的新手，我希望用户可以将他/她选择的值保存在前端，以后也可以通过单击按钮看到这些值，用户可以看到之前选择了什么值。现在的问题是如何提供这个功能，我已经研究了它可以通过本地存储或通过react中的数据绑定概念来完成，但我不知道在我的场景中实现哪一个是最好的。 (带有指标生成的第一张图片)这是我的</em

浏览 2提问于2019-09-13得票数 0

2回答

鼠标卷轴上的AngularJS服务器端分页

javascript、angularjs、grails、pagination、infinite-scroll

我正在寻找一些技术，这将使我开始做服务器端分页上的鼠标滚动。我有一个大的数据集，我想要加载成块，然后动态加载更多的鼠标滚动，但在服务器端。我偶然发现了，但这看起来像客户端。

浏览 3提问于2014-10-15得票数 0

回答已采纳

1回答

使用react路由器来创建“单页应用程序”浪费服务器资源吗？

javascript、reactjs、express、react-router、mern

然后，我开始学习一些基本的表达式，这里有这一行，这将让服务器从.这就是我遇到一些困惑的地方。似乎React不允许在我的网站上多个页面；我看到了这个，所以，React对于构建单个页面应用程序是很好的。我还看到了，其中的前三分钟解释了传统多页面应用程序和反应SPAs之间的区别。他说，所有的页面将一次性发送，反应路由器将拦截任何页面请求，并重新呈现浏览器在第一个页面加载时已经收到的页面。

浏览 3提问于2021-08-25得票数 0

回答已采纳

1回答

保存核心数据还是保存后台db，应该先做哪个？

ios、http、core-data、request、alamofire

我是ios开发新手(或者一般的移动客户端开发)。我有后端数据库，每次我的模型从客户端更新时都需要更新。我还将数据保存在核心数据中，以便脱机/缓存。我想知道当涉及到更新核心数据和后端数据时，您是否可以指导我最佳实践。现在我所做的是使用Alamofire发送http请求，然后在成功回调中更新核心数据，然后客户端重新

浏览 0提问于2015-11-13得票数 2

1回答

Ag-网格服务器端分页/筛选/排序数据

angular、ag-grid

我试图实现服务器端对分页/筛选/排序数据的请求，但是文档非常混乱。无限行模型()中提供的示例为此使用了一个.json文件。此示例从服务器加载整个.json文件，然后使用客户端函数(sortAndFilter()、sortData()、filterData())进行排序和筛选。这不是服务器端，而是客户端，因为所有数据都是从服务器完全加载的。如果这个文件有1Gb的

浏览 0提问于2018-11-28得票数 5

回答已采纳

1回答

如何从聚合的weblog数据中检索信息？

database、logging、hadoop、hbase、apache-pig

我想知道如何从聚合日志中检索数据？这就是我所拥有的：这就是我的想法：每晚使用处理此数据读取、拆分日志，自定义UDF从日志条目中检索数据，如：timestamp、url、user_id (假设这就是我需要的)并将其加载到HBase (日志数据将被无限存储) 然后，如果我想知

浏览 9提问于2010-07-29得票数 0

回答已采纳

1回答

应该从前端还是后端频繁地进行外部API调用？

javascript、spotify

我正在构建一个React/Node.js web应用程序，它经常使用Spotify API (用于搜索、获取用户数据等)。我想知道是应该直接从前端向Spotify API提出请求，还是调用自己的后端来处理Spotify API请求。我的想法：对于用户来说，作为前端的可能会有更慢的体验，因为它有更多的代码(例如，在useEffect 的安全考虑范围

浏览 4提问于2021-04-23得票数 2

1回答

如何在为index.html提供服务的后台使用create-react-app？

javascript、html、reactjs、bundle、create-react-app

我有一个运行在https://localhost:8080上的后端应用程序接口服务器以及运行在https://localhost:3000上的前端在后端，我有一个服务于index.html文件的/我想要完成的是这样的设置，当我用npm start编写前端代码时，我可以获得create-react-app的实时重新加载的好处。但问题是，在调试模式

浏览 27提问于2020-01-06得票数 0

1回答

ag-网格-社区:服务器端分页的无限行模型，社区免费版本agGrid -Not像服务器端分页一样工作

angular、pagination、ag-grid、ag-grid-angular、ag-grid-react

正如他们解释的那样，我能看到的最佳选择是无限行模型。如上图所示，如果我的后端API速度慢，返回数据的速度慢，那么我就无能为力了，因为它反过来调用了一些在我控制范围之外的外部api，返回缓慢的响应。基于无限行模型的，我认为在实现之后，如果是50，那么我可以要求服务器发送50条记录，查看网格上数据的响应将更快，当单击next时，它将获取下一个50，每个块<e

浏览 2提问于2020-11-26得票数 1

1回答

React Table&React-查询获取TypeError:无法读取未定义的属性“forEach”

javascript、html、reactjs、react-table、react-query

我使用react-query将数据提取到react表中，但是每次我得到"TypeError:无法读取未定义的“错误的属性'forEach‘时。唯一能修复它的方法是在react query "initialData“选项中使用"data”，还有其他方法来修复这个错误吗？ , { initialData: da

浏览 6提问于2021-12-15得票数 0

回答已采纳

1回答

我想了解自定义posts /分类法/ metaboxes的插件实现。

custom-post-types、custom-taxonomy、custom-field

我发现了一些我很困惑的事情，所以我的问题。在网上做了很多研究之后，我没能找到这个问题的答案。阅读了Wordpress代码

浏览 0提问于2012-08-07得票数 0

回答已采纳

点击加载更多