首页 > 解决方案 > 如何仅在 React 中调用组件后获取数据

问题描述

我有一个组件(模态),我在单击它时从两个不同的组件调用它,但是我在加载两个父组件时获取数据。我希望它在我的组件(模态)内,并且仅在调用模态后才需要获取数据。

const User = ({ A, B,C }) => {

  const { isLoading, isError, data } = useUserQuery(C);
.........................
.........................
..................
........
}

标签: reactjsreact-query

解决方案


难道你的模态mounting甚至在它显示给用户之前就已经出现了,并且在按钮点击时你让它只在视觉上出现?

React-query 将在您mount使用组件时获取,所以我想说模态应该只在您单击按钮后安装。否则,我认为您必须通过enabled选项禁用查询并在显示模态后启用它,但这有点冗长......


推荐阅读