reactjs - 如何仅在 React 中调用组件后获取数据
问题描述
我有一个组件(模态),我在单击它时从两个不同的组件调用它,但是我在加载两个父组件时获取数据。我希望它在我的组件(模态)内,并且仅在调用模态后才需要获取数据。
const User = ({ A, B,C }) => {
const { isLoading, isError, data } = useUserQuery(C);
.........................
.........................
..................
........
}
解决方案
难道你的模态mounting
甚至在它显示给用户之前就已经出现了,并且在按钮点击时你让它只在视觉上出现?
React-query 将在您mount
使用组件时获取,所以我想说模态应该只在您单击按钮后安装。否则,我认为您必须通过enabled
选项禁用查询并在显示模态后启用它,但这有点冗长......
推荐阅读
- php - 准备涉及数组和其他参数的 MySQL 语句
- python - 这个表达式是如何计算的?“foo”中的“f”==真
- kendo-chart - Angular 12 kendo Stacked Chart 仅显示总计或总和
- amazon-cognito - 打开 ID Connect 并使用 Cognito 担任角色
- php - json 编码特定对象的属性
- docker - traefik - 通过新子域公开辅助内部端口
- amazon-web-services - AWS 管理员用户是否应该拥有 Programmitc 访问权限?
- python - 如何从包含视频(图像序列)的 tf 数据集中采样 n 帧
- c# - 忽略所有鼠标事件,点击 WPF 应用程序到下面的任何内容
- android - 如何处理匿名用户的过期令牌