在react-admin中，referenceInput对api进行了大量调用-如何避免这种情况？
在react-admin中，referenceInput组件用于处理与其他资源之间的关联关系。它通常通过调用API来获取关联资源的选项列表。然而，频繁的API调用可能会导致性能问题和网络负载增加。为了避免这种情况，可以采取以下几种方法：
- 缓存数据：在前端应用中引入缓存机制，将已获取的关联资源数据进行缓存。这样，在下次需要使用相同关联资源时，可以直接从缓存中获取，而不需要再次调用API。
- 批量获取数据：如果可能的话，可以通过一次性获取所有关联资源的数据，而不是每次都单独调用API。这可以通过在后端API中提供支持批量查询的接口来实现。
- 懒加载数据：只在需要时才获取关联资源的数据。可以通过延迟加载或者滚动加载等方式，在用户需要查看关联资源时再进行API调用。
- 使用缓存组件：一些UI框架或库提供了缓存组件的支持，可以帮助减少API调用次数。例如，react-query库提供了缓存和自动刷新机制，可以有效地管理API数据。
- 数据预取：提前获取可能需要的关联资源数据，以减少后续的API调用。可以在应用初始化时或者在用户进行某些操作前，预先获取相关资源数据。
总之，通过合理的缓存策略、批量获取数据、懒加载、使用缓存组件和数据预取等方法，可以有效地避免在react-admin中referenceInput组件对API进行大量调用的情况，提升应用性能和用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云缓存Redis：提供高性能、可扩展的缓存服务，可用于缓存关联资源数据。详情请参考：https://cloud.tencent.com/product/redis
- 腾讯云云开发：提供一站式后端云服务，包括数据库、存储、函数计算等，可用于支持后端API的开发。详情请参考：https://cloud.tencent.com/product/tcb
- 腾讯云CDN：提供全球加速服务，可用于加速静态资源的传输，提升应用性能。详情请参考：https://cloud.tencent.com/product/cdn
相关·内容
1回答
因此，我注意到referenceInput对该接口进行了多次调用。我也有同样的问题："Too many request to API endpoint when using ReferenceInput and ReferenceArrayInput" 我不确定这是否是可以避免的
浏览 20提问于2019-12-24得票数 2
2回答
React :除了"id“之外，我还可以为<ReferenceInput>使用另一个字段吗？
reactjs、admin-on-rest、react-admin
是否有任何方法可以使用不同的引用字段(除了对** id**)的引用字段)我有一个languages资源，我想使用language_code字段填充它。通过使用以下方法，我成功地使它工作起来： label="Language code" reference="languages" <SelectInput optionText="name" optio
浏览 1提问于2018-06-25得票数 8
回答已采纳
1回答
ReferenceInput为过滤器组件表单选择输入
forms、list、filter、view、react-admin
我为列表视图构建了一个自定义筛选器组件，而且我在填充属性的所有可用选项的选择输入时遇到了问题。> )}在不构建"getMany“dataProvider的情况下，我被告知可以访问从"getList”提供程序中提取的所有(2,000+ ID)“2,000+”，并将每个ID列出到SelectInput字段中，并在自定义筛选器组件中进行搜索。提出的问题：
我必须对我可以得到的结果进
浏览 1提问于2020-05-04得票数 0
回答已采纳
1回答
如何为AutocompleteInput/ReferenceInput设置空值？
admin-on-rest
I AutocompleteInput包装了ReferenceInput。在我的例子中，一个项目有多个帐户。在编辑帐户页面上，我将项目从可用设置为可用并保存。<ReferenceInput source="project_id" reference="projects" allowEmpty filterToQuery={searchText => ({ query_content: searchText })}>
<AutocompleteInput o
浏览 0提问于2017-06-05得票数 1
1回答
通过react-admin中的REST API进行基于Cookie的身份验证
reactjs、react-admin
我刚接触react-admin。我已经通读了stackoverflow中的所有问题，谷歌也对我的问题进行了搜索，但没有找到任何有用的解决方案。我正在设置React-admin来替换我的一个项目的现有管理页面。我通过REST API使用基于cookie的身份验证。 这是可能的吗(如果是，是如何实现的？)在react-admin中使用它？
浏览 20提问于2019-02-16得票数 6
回答已采纳
1回答
如何在React-admin中重用引用输入的子资源数据？
reactjs、react-admin
在react-admin文档中，ReferenceArrayInput用于这种数据结构： id: 1,}<ReferenceArrayInputSelectArrayInput optionText="name"/>使用自定义json数据提供程序，它将发出以下请求：https://example.com/api</e
浏览 0提问于2018-11-02得票数 7
2回答
在react中-管理员可以访问redux商店
javascript、redux、react-redux、react-admin
我的问题是：
当我使用Admin作为我的主要应用程序组件时，我如何在组件之外分派一个操作？
浏览 0提问于2019-02-07得票数 11
回答已采纳
2回答
React-admin：<ReferenceInput>不适用于自定义dataProvider
reactjs、react-admin
我试图将<ReferenceInput>元素与自定义dataProvider一起使用，并获得以下错误：即使我的数据提供程序看起来像这样，也会发生这样的情况：import { adminPageTokenFetch} from "APIServices/CRUD&qu
浏览 2提问于2020-03-21得票数 4
回答已采纳
1回答
Python3递归，避免变量更改以在不同的递归调用中全局反映
python、python-3.x、recursion
当在python3中使用递归时，假设我有一个函数‘f(a,b)’(‘B’是列表)，在'f‘中我递归地调用了'f’几次。如果' f‘的子实例对列表'b’进行了一些更改，我如何避免'b‘中的这些更改反映在调用父f中？(我不会返回'b')。例如，看看我下面的代码。在第二个elif中，我对</e
浏览 20提问于2017-03-03得票数 1
回答已采纳
3回答
如何使用同一库的多个实例
c++、c、ar.drone
目标是控制一个中队的无人机，但API使用了大量的全局变量(无人机IP、端口、无人机状态...)。如何在实例之间不发生“冲突”的情况下多次实例化库？我找到的唯一解决方案是修改API (这是开源的)，在main()函数中的某个地方调用fork()，我想避免这种情况……
浏览 0提问于2012-02-06得票数 1
1回答
如何避免在命名空间类中使用反斜杠和" use“来调用全局类？
php、namespaces
我有很多命名空间类，在这些类中我对全局类进行了大量调用。我有两个解决方案：namespace Admin;
[...]"use“声明了大量全局类的用法。make(Input::get('password'));
return Redirect::action('UserC
浏览 1提问于2014-03-09得票数 4
1回答
如何使用卷帖而不是urlencode对体数据进行url的urlencode？
shell、curl
在使用类似于... | curl -XPOST --data @- https://example.com/的命令行进行curl POST调用时，我还可以在命令行中对一些url参数进行url编码(使用curl本身，而不是bash函数)，而不必自己对它们进行编码，并将它们放入url参数中作为curl吗？，所以我希望POST Body 不是 urlencoded，而是url将解析为 url，并在相同的curl命令中编码。fil
浏览 1提问于2018-09-14得票数 4
2回答
在Access 2007数据表视图中，如何使用VBA以编程方式访问列宽度和最佳匹配函数？
ms-access、vba
我使用Access 2007进行了大量的数据转换和规范化。我做了大量的数据导入，并动态地创建了许多表和查询。我想做一些VBA来循环这些列，以便根据我认为合适的情况设置它们。我已经在Google上进行了广泛的搜索，但是我找不到关于我需要使用的集合、属性和/或方法的任何信息。如何使用Access VBA或宏以编程方式访问表和查询的数据表视图中的下列元素..？
编辑:有谁能接受这个..？当然，
浏览 1提问于2017-06-01得票数 0
2回答
使用ruby xmlrpc/客户端库远程激活wordpress博客的wordpress主题
ruby、wordpress、xmlrpcclient
我想我可以用wordpress 的xmlrpc api来实现，但是wordpress并没有提供任何激活或切换主题的api方法。但是这个解决方案对我来说似乎不可行，因为它要求在代码中进行更改。这是可行的，直到我在本地激活我的主题，但在我的情况下，我可以有任何数量的博客远程呈现。所以我排除了这种可能性。
有没有人遇到过这种<
浏览 1提问于2011-12-17得票数 1
回答已采纳
2回答
延迟javascript以避免API限制
javascript、jquery、google-maps-api-3
我正在做一个应用程序，我必须对每一个请求的几百个项目进行地理编码。所以我非常天真地做了一个循环调用google地图地理编码API。结果是，我的代码在很短的时间内对API进行了太多的调用，所以经过5-10次迭代之后，地理编码API就会有一个OVER_QUERY_LIMIT限制。在提到Google引用时，出现这种情况是因为：
该网页在太短的一段时间内超过了请求限制。
浏览 3提问于2012-07-27得票数 1
回答已采纳
2回答
react-admin中嵌套端点的Datagrid
reactjs、react-admin
我正在尝试理解解决嵌套端点的正确方法是什么，让我们假设我有一个多对多的books和authors关系，以及一个公开api/authors、api/books和api/authors/{id}/booksapi/authors上的CRUD在react-admin中工作得很好。但是，在authors <Show>下面，我想显示所有具有分页和排序功能的图书的<Da
浏览 24提问于2019-07-06得票数 1
回答已采纳
1回答
为异步请求实现AWS的最佳方法是什么？
amazon-web-services、aws-lambda、aws-api-gateway
我有一个lambda函数，它可能会调用许多不同的API来解析大量数据块(可能需要几分钟以上)，并将其结果存储到各自的独立S3中。在这种情况下，对于每个API分别拥有同一个AWS函数的副本更好还是可以从多个API调用相同的Lambda函数？
这样做的目的是避免排队，并为每个请求异步运行函数。
浏览 14提问于2022-03-11得票数 0
2回答
如何保护Django Tastypie REST API，它不需要POST和GET凭据
python、django、rest、https、django-rest-framework
嗨，我有一个api的网址，当用户提交的页面，网址将被调用和张贴的数据将被保存在数据库中通过品味API。我的问题是，谢谢。
浏览 0提问于2014-10-17得票数 0
1回答
在给街区打电话之前，有什么安全而优雅的检查方法？
ios、objective-c、dry
我正在开发一个API，它包含了许多带接口的块参数。我决定库应该接受块参数的nil。因此，在调用实现中的任何块之前，有必要检查是否为nil。#define completionHandler(...) if (completionHandler) completionHandler(__VA_ARGS但这种技术将回调的名称限制为"comp
浏览 2提问于2015-07-27得票数 1
1回答
Azure Active Directory -验证声明
azure、azure-active-directory
我正在使用Azure AD授予对web API的本机或web应用权限。我从本机应用程序(UWP或IOS)生成令牌并授权Web API。在使用postman调用测试api时，我能够在不同的机器上使用令牌，并且能够调用api方法(没有任何401未经授权的错误)。如何避免这种情况？我的问题是如何提示用户始终注册他们的设备？或者如何验证
浏览 0提问于2018-04-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
