Не могу реализовать ререндер компонента при изменении данных на сервере. подключил redux,создал редюсмер, экшен, контейнер покинул пропсы. Store в целевой компонент попадает в том виде в котором должен туда попасть. При изменении данных (несколько функций которые меняют данные на сервере) (Store изменяется только вызовом функции которая загружает данные с сервера) не происходит ререндер компонента. на что обратить внимание?
-
Для начала было бы не плохо увидеть ваши наработки, а дальше отталкиваясь от вашего кода давать советы и ответы.– Denis BubnovCommented 26 мар. 2019 в 8:40
-
REDUCER pastebin.com/XHt2jXVC– Иван ИвановCommented 27 мар. 2019 в 2:57
-
ACTION pastebin.com/VJcWsgmU– Иван ИвановCommented 27 мар. 2019 в 3:01
-
CONTAINER pastebin.com/4tu25Dkw– Иван ИвановCommented 27 мар. 2019 в 3:02
-
COMBINE REDUCER pastebin.com/gPwgpnuJ– Иван ИвановCommented 27 мар. 2019 в 3:03
|
Показать ещё 5 комментариев
1 ответ
Во-первых, каджый ваш тип редьюсера обрабатывается одинаково, независимо какой тип вы диспатчите, вы всегда передаете в редьюсер массив. Это не совсем правильно. Если вы диспатчите удаление, добавление, редактирование элемента, лучше передавать в редьюсер сам элемент, а не готовый массив. Соответсвенно, к примеру, добавление должно выглядеть так:
case ADD_CITY:
return {
...state,
cities: [...state.cities, action.city] // Обязательно передавайте новый массив, чтобы произошел ре-рендер(cities сам по себе никак не изменится если вы в него сделаете push, а потом вернете его же)
}
Во-вторых, mapDispatchToProps у вас вообще не функция, вы никак не используете сам Dispatch. Вы просто пробрасываете методы, которые возвращают объект. mapDispatchToProps должен выглядеть примерно следубщим образом
const mapDispatchToProps = (dispatch) => ({
AddCity: () => dispatch(AddCity()),
// И так далее с каждым вашим методом
})