时间戳

首页 > 解决方案 > 如何仅在模态加载时获取数据

reactjs - 如何仅在模态加载时获取数据

问题描述

我有一个反应组件，比如说：app.js（父组件），它有一个子组件，它呈现一个反应引导模式组件。父组件使用这样的反应钩子从 redux 获取数据：

  useEffect(() => { props.dispatch(actions.loadAll());},[]);

然后数据被传递以显示在我的模态组件中。我正在使用“show”和“onShow”状态处理模态可见性。无论如何，我可以避免在我的父组件中加载数据并且仅在模态组件加载并在那里显示数据之后加载？任何建议，将不胜感激。

标签： reactjsreact-reduxreact-hooksreact-modal

解决方案

您可以使用useEffect取决于您的状态的钩子show。

useEffect(() => { props.dispatch(actions.loadAll());},[show]);

show当状态改变时使用这段代码，useEffect运行。因此，当您的模式打开时，您的数据就会被加载。

推荐阅读