使用React Hook从带分页的Api中搜索和过滤项目

文章/答案/技术大牛

发布

1回答

reactjs、search、filter、react-hooks

使用react钩子，我调用了一个api，并在调用图书和分页功能组件的app组件中显示项目。我有一个搜索组件放在顶部的应用程序返回。请帮助:当插入书名后单击搜索按钮时，应该会显示具有相似名称的书 const SearchBooks =() => { <InputGroup>setLoading(true);

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

3回答

如何更好地组织反应-组件交互？

reactjs

我正在使用React构建SPA，并具有以下UI组件的结构： FilterBar (显示当前过滤器设置的常见组件EventsTable和EventsAccordion有很多常见的逻辑，如分页、过滤器和排序处理程序。我必须将处理程序从子组件(

浏览 0提问于2019-01-11得票数 1

回答已采纳

1回答

如何在自定义多选择下拉列表中嵌入数字分页链接

angularjs、angularjs-directive、pagination

我愿意承认，我在角质和仍在学习方面不是很好。我必须加载巨大的数据，并必须通过下拉显示。我更希望我能在下拉式结束时进行分页。我正在使用一个自定义下拉列表，这是很好的，并从这个网站的。但是上面的自定义多选择下拉列表缺少一个显示分页链接的功能。因此，问题是用户无法显示最小的数据，并点击其他链接按需加载下一组数据。只是想知道有谁介意在自定义指令中添加代码，该指令在那里添加分页功能。因此，每次我可以加载20个

浏览 1提问于2016-05-08得票数 0

回答已采纳

3回答

Elasticsearch搜索前端演示

user-interface、search、elasticsearch、frontend、demo

我正在搜索构建搜索ui /前端的工作搜索UI演示或教程。对于php或js来说是最好的。我从未构建过elasticsearch应用程序，但我已经用lucene、solr、epoq和google搜索做了项目。www.elastic.co/guide/

浏览 3提问于2016-10-10得票数 3

回答已采纳

1回答

使用React和Laravel搜索表

javascript、reactjs、laravel

我正在使用Laravel为我的数据库创建一个api，并使用React来呈现/获取数据。如何实现搜索栏和自定义<select>/range选择器以及分页来过滤数据？当我使用普通超文本标记语言时，我使用的是datatables.net，它可以完美地工作。除了过滤之外，我还想为react实现一些类似的东西。

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

1回答

使用Redux与分页反应的多个过滤器

reactjs、redux

期望：具有搜索框中的值的url)Call 调用api (搜索框在其他路由中存在，为了获得在搜索中使用的值，我从 api中提取值，并从筛选按钮中提取值(，当onChange出现时，使用useState标记=red，blue

浏览 5提问于2022-08-19得票数 0

1回答

在前端使用reactjs时，是否需要使用django表单？

django、reactjs

我正在使用Django rest框架，我想知道我是否可以使用reactjs作为前端框架，我是否需要在后端使用Django表单(用于验证目的)？

浏览 2提问于2020-02-21得票数 0

1回答

在hook_apachesolr_process_results()之后更新分页

Apache搜索版本: 6.x-2.x-dev我的问题是:是否有一种方法可以根据修改的结果总计修改分页而不从索引中删除排除的

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

1回答

如何使用vuejs过滤laravel api分页

reactjs、laravel、vue.js

好的，我使用Laravel的api资源分页，它给出了如下结构： { data: [ some data from: 1, last_page_url: "http://localhost:8000/api/accommodation?page=3", ne

浏览 22提问于2019-05-05得票数 0

回答已采纳

1回答

使用react钩子跨组件携带页面上下文/状态

reactjs、react-hooks、use-context、usecallback、react-usememo

我是第一次接触react hooks。我们正在开发一个没有redux的基于react的应用程序。我们有一个单一的页面，我们有不同的组件，如搜索，过滤器，网格，分页等。例如，当我在页面上进行搜索时，网格应该会用搜索道具刷新。并且我在页面上应用了任何过滤器，网格也应该刷新过滤器道具和搜索道具。因此，所有操作状态都应该在所有单独<em

浏览 14提问于2021-02-03得票数 0

1回答

Yii2 ArrayDataProvider不显示已分页的数据

php、arrays、yii2

我对Yii2提供的ArrayDataProvider对象有一个问题。我有一个巨大的API调用，它返回超过7k个项目(这是一个问题，因为获取所有项目需要很长时间)。我意识到我可以告诉API为我分页，所以我试图将已经分页的数据实现到ArrayDataProvider中，但只在第1页中起作用，当我请求第2页时，我看到API返回了接下来的50项，但在我的

浏览 18提问于2018-08-01得票数 0

回答已采纳

1回答

你能分享你的dataProvider与客户端排序和过滤吗？

react-admin

我使用了一个基本的REST API (无查询、无分页)，并将其很好地集成到React Admin中，具有编辑、显示和创建操作。一切都很好。但是，我的应用程序接口没有任何过滤或排序功能，因此Datagrid失去了功能，因为我无法对列进行搜索或排序。我知道我需要实现客户端函数，以便自己在自定义dataProvider中对API进行过滤和排序。与其从头

浏览 11提问于2020-07-10得票数 1

回答已采纳

2回答

如何从react-hook-form + Redux进行调度

javascript、reactjs、redux、react-hook-form

我使用的是react-hook-form ()。我想从react-hook-form内部分派操作。import useForm from 'react-<

浏览 3提问于2019-12-06得票数 3

2回答

在react native中使用大数据实现搜索功能

react-native、search、pagination、react-native-ios、react-native-flatlist

我的数据库中有50K+记录，我想在不影响应用程序性能的情况下添加搜索过滤器.Please建议我应该采用什么方法来搜索大数据。我正在调用api从服务器获取数据。并使用react原生搜索功能。但由于数据量大，我在服务器端实现了分页，所以每次都会调用新的api，并从服务器获取新的数据。现在的问题是，它将只从获取<e

浏览 1提问于2019-02-12得票数 1

1回答

Hibernate的SearchObject/SearchResult包装器API

java、hibernate、zk

我正在做一个使用Hibernate、Spring和ZK框架的大型项目，我想升级到Hibernate 5。在GUI中有几个带有DB层分页/过滤/排序的ZK表。对于这些表，我们使用中描述的方法，即表的模型有一个SearchObject (查询的包装器)、一个SearchResult (结果集的包装器)和一个对DAO的</e

浏览 8提问于2021-11-08得票数 0

1回答

如何在所有分页项中应用筛选器，并且只显示筛选过的项？

javascript、reactjs、api、pagination、filtering

当我应用过滤器时，它只适用于项目的第一页。当我加载更多的项目，过滤器消失，我不得不再次点击过滤器，这显然是不好的。我只想点击一次过滤器，它将返回所有符合条件的项目。现在，我正在使用的API只有200多个条目。我应该只进行3个分页API调用来下载API中的所有项并将它们连接到主

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

回答已采纳

2回答

ReactJS组件隐藏用于工具

reactjs

我知道一些使用reactJS作为前端部分的网站，但是他们正在使用一些先进的技术来隐藏组件的结构。因此，我们无法使用react工具查看组件部分。

浏览 4提问于2017-09-27得票数 2

1回答

如何从数组中过滤数据并使用角js应用无限滚动？

angularjs、angularjs-ng-repeat、infinite-scroll、angularjs-filter

我有一个查询所有记录并将其推送到数组的要求。因为我有大约2000张唱片要展示，这需要更多的时间。所以我想实现无限滚动。但我有过滤功能还有这个。那么，当搜索框中包含搜索词时，如何首先在滚动页上显示所有记录，然后在滚动页上显示过滤后的记录？请帮帮忙。提前谢谢！

浏览 5提问于2015-06-02得票数 1

1回答

如何用DynamoDB后端实现React分页前端

reactjs、pagination、amazon-dynamodb、serverless-framework、react-pagination

我已经成功地实现了DynamoDB分页，并使用API Gateway和Postman进行了测试。然而，我对如何在React前端实现分页感到困惑。目前第一次调用后台接口时，限制返回2张图片，带LastEvaluatedKey。在我的React中，我将React.useEffect()实现为： async function

浏览 5提问于2021-01-24得票数 1

1回答

对Forge/ the 360文档列表进行处理的最佳方法是什么？

autodesk-forge、forge、autodesk-bim360

我目前正在实现BIM 360文档集成的项目文件/计划/工作表视图中的分页、排序和搜索功能。大多数实现都使用 SDK。基于我所看到的，自动桌面API中的分页非常基本，并且不能很好地处理过滤过的视图。

浏览 1提问于2018-06-11得票数 0

点击加载更多