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

У меня есть два контейнера, а именно: FilterContainer а также MapContainer,

FilterContainer имеет состояние: selectedFitlers который обновляется всякий раз, когда пользователь нажимает на что-то из списка флажков.

Какие MapContainer должен сделать, это посмотреть на state.filterListContainer.selectedFilters массив и показать маркеры на основе этого.

Но этого не происходит, к сожалению. Я вижу, как изменения отражаются в состоянии избыточности (глядя на devTools), но как-то MapContainer не получает уведомления об этих изменениях. Я пытался подключиться к componentWillReceiveProps крюк жизненного цикла, но не вижу nextProps получить новое значение.

Вот мой код для MapContainer:

https://gist.github.com/ghoshabhi/a275f923bba4a92b2b1f9dc3fbe09826

Я не понимаю, почему мой контейнер не выполняет повторную визуализацию или получение обновлений об изменении состояния в моем редукционном магазине.

Любая помощь / совет / альтернативные методы приветствуются:)

Заранее спасибо!

ОБНОВЛЕНИЕ: Redux devtools: введите описание изображения здесь

1 ответ

Я посмотрел ваш код и заметил, что в компоненте FilterContainer вы прокомментировали selectedFilters PropTypes, пока он еще присутствует в компоненте MapContainer. Попробуйте также прокомментировать его в FilterContainer, чтобы увидеть, работает ли он. Это может быть проблема неправильного типа.

Другие вопросы по тегам