Почему mapStateToProps возвращает пустой объект, когда состояние было изменено? - PullRequest
Новая
       21

Почему mapStateToProps возвращает пустой объект, когда состояние было изменено?

0 голосов
/ 10 февраля 2019

Я создаю действие 

export const KIDS_LOAD = 'KIDS_LOAD';
export const kidsLoad = (data) => ({
    type: KIDS_LOAD,
    payload: data ,
});

Я создаю редуктор 

import { KIDS_LOAD } from '../customActions/KidsActions';

export default (state = {}, { type, payload }) => {
    if (type === KIDS_LOAD) {
                return {    ...state,   
                    img: payload.img,
                    kidsInfo: payload.kidsInfo
                };
    }
    return state;
}

Я отправляю действие 

componentWillMount() {
                this.props.setSidebarVisibility(true);
                const { kidsLoad, record } = this.props;

                kidsLoad({
                    img : 'https://s18670.pcdn.co/wp-content/uploads/care_about_grades_middle_school.jpg',
                    kidsInfo: {
                        kidName : 'Sasha',
                        kidAge : '19',
                        kidHandType : 'Right',
                        kidGender : 'Boy', 
                    }
                })

                console.log( this.props.kidsTabData)

        }

Я отображаю состояние 

const mapStateToProps = state => ({
        kidsTabData: state.kidsReducer,
        isLoading: state.admin.loading > 0,
    });
export default connect(mapStateToProps, { setSidebarVisibility, kidsLoad })(withStyles(styles)(MyLayout));

Хранить мутированный enter image description here

Но console.log (this.props.kidsTabData) возвращает пустой объект {}.

enter image description here

Можете ли вы сказать, где я не прав?Мне кажется, что все идет в магазин правильно, но initialState попадает в реквизит.

1 Ответ

0 голосов
/ 10 февраля 2019

Действие приведения kidsLoad является асинхронным.Попробуйте console.log в componentDidUpdate

componentDidUpdate(){
    console.log(this.props.kidsTabData)
}
...