Почему мой setTimeout с функцией генератора не срабатывает?

У меня есть вложенный yield call, который я хочу запустить по таймеру в своей саге. Однако по какой-то причине таймер не срабатывает и showModal не вызывается. Любая идея, почему это?

function* showModal() {
  yield put(showPermissionsNeededWall('Please sign in', null));
  readTimeLoginBoxShown();
}

export default function* showPermissionWall() {
  yield takeLatest(SHOW_TIMED_LOGIN_WALL, function* () {
    const { auth } = yield select(state => state);

    if (!auth.currentUser) {
      // yield showModal(); // works

      yield call(setTimeout, function* () {
        yield showModal(); // never fires
      }, 1000 * SHOW_LOGIN_WALL_AFTER_IN_SECONDS);
    }
  });
};

javascript reactjs react-redux

25.03.2019 16:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

215

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Во-первых, вы должны вызвать функцию генератора showModal напрямую с помощью call или вы должны put то действие, которое вызовет ваш showModal с помощью takeLatest.

Итак, каждый раз, когда вы хотите вызвать showModal:

yield call(showModal);

С другой стороны, в контексте саги вы должны использовать delay из redux-saga/effects. В этом случае я бы использовал это:

yield call(delay, 1000 * SHOW_LOGIN_WALL_AFTER_IN_SECONDS);
yield call(showModal);

Все это вместе:

import { call, put, takeLatest } from 'redux-saga/effects';

export default function* showPermissionWall() {
  yield takeLatest(SHOW_TIMED_LOGIN_WALL, function* () {
    const { auth } = yield select(state => state);

    if (!auth.currentUser) {
      yield call(delay, 1000 * SHOW_LOGIN_WALL_AFTER_IN_SECONDS);
      yield call(showModal);
    }
  });
};

Спасибо Рыцарь! Очень признателен

— 25.03.2019 18:07

25.03.2019 17:15