Как получить данные только тогда, когда модальные загрузки

Question

У меня есть компонент реагирования, скажем: приложение. js (родительский компонент), у которого есть дочерний компонент, который отображает модальный компонент реакции bootstrap. родительский компонент извлекает данные из избыточного числа, используя ответную ловушку следующим образом:

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

, а затем данные передаются для показа в моем модальном компоненте. Я работаю с модальной видимостью в состоянии "show" и "onShow". Есть ли в любом случае, я могу избежать загрузки данных в родительский компонент и загружается только после того, как модальный компонент загружает и отображает данные там? любые предложения будут оценены.

Answer 1

Как сказал s.hesam

использовать условие для загрузки данных, только если модальное открытие.

Я добавляю условие, если модальное открытие в первый раз - fisrtTimeLoad

fisrtTimeLoad - это могут быть данные в существующем состоянии, и вы можете поставить их как другое условие.

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

Answer 2

Вы можете использовать useEffect ловушку, которая зависит от вашего состояния show.

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

Используя этот фрагмент кода, когда состояние show изменяется, запускается useEffect. Поэтому, когда ваш модал открывается, ваши данные загружаются.