【发布时间】：2023-01-07 02:35:53
【问题描述】：
想在弹出窗口上设置加载微调器
我试图设置微调器但它不起作用。
我正在使用功能组件方法，所有 api 调用都在弹出页面中，所以我无法在所有 api 获取数据作为回报时放置微调器。
【问题讨论】：
标签： reactjs loading react-functional-component react-spinners
【发布时间】：2023-01-07 02:35:53
【问题描述】：
您可以使用 useState 创建加载状态。然后，当弹出窗口打开时，您应该将加载状态设置为 true，然后您应该监听弹出窗口的关闭事件（参见Capture the close event of popup window in JavaScript）。当弹出窗口关闭时，您可以将加载状态设置为 false。
【讨论】：
-
是的，但是按钮在第一页上，并且单击该按钮弹出窗口即将到来，该代码在另一页中。
-
如果您使用的是 react-router，您应该将该加载状态移动到父组件，否则使用 localStorage 之类的东西来跟踪加载状态。如果没有更多代码，就很难为您的特定用例找到解决方案。
-
<TestGoals open={open} handleClose={handleClose} data={actionData} onChange={onChange} EmployeeId={userId} handleFormSubmit={handleFormSubmit} spinner={refresh} />