如何仅在 React 中调用组件后获取数据

【问题标题】：How to fetch data only after calling the component in React如何仅在 React 中调用组件后获取数据
【发布时间】：2021-02-11 09:49:44
【问题描述】：

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

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

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

【问题讨论】：

标签： reactjs react-query

【解决方案1】：

难道您的模态框在显示给用户之前就已经是mounting，而在单击按钮时，您只能在视觉上显示它吗？

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

【讨论】：

是的，每当我加载我以前的组件时，它都会在底部显示“正在加载用户数据”，并且在打开按钮 onClick 之前已经获取。我应该在这里做什么？
仅在用户打开它时才安装您的模态，而不是在此之前。