如何仅在模式加载时获取数据

我有一个react组件,比如说:app.js(父组件)具有一个子组件,该子组件呈现了react bootstrap modal组件。父组件使用react钩子从redux获取数据,如下所示:

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

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

评论
  • 骑着蜗牛。
    骑着蜗牛。 回复

    You can use useEffect hook that depends on your state show.

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

    Using this chunk of code when the show state changes, the useEffect runs.