Как зацикливаться на данных состояния избыточности после завершения действия избыточности

Question

У меня есть базовая потребность в редукционных действиях, но я не знаю, как я могу ее решить.

Это мой сценарий;У меня есть избыточное действие, подобное приведенному ниже, и я хочу зациклить данные после завершения избыточного действия в моем компоненте statefull.

export const fetchServiceTypes = () => {
    return dispatch => {
        dispatch(fetchStStart());
        axios.get(GAMMA_CONSTANTS.LINK_SERVICETYPES)
            .then(res => {
                    dispatch(fetchStSuccess(res.data))
                })
            })
            .catch(err => {
                dispatch(fetchStFail(err))
            })
    }
}

В компоненте я вызываю избыточное действие в функции componentWillMount, например, какследует, но я думаю, что из-за редукционного действия асинхронно работает, я не могу перебрать состояние избыточности, как только оно закончится

componentWillMount() {
        if (this.props.serviceTypes.length === 0)
            this.props.onFetchServiceTypes();

        this.props.serviceType.forEach(x => {
            // TO DO
        })
    }

Кто-нибудь, как это решить?Спасибо

Answer 1

componentDidMount вызывается только один раз перед рендерингом компонента, и ему все равно, есть ваши данные или нет.Вы могли бы слушать изменения в состоянии вместо этого. В этой статье объясняется, как работает новый метод жизненного цикла.

Примечание: если вы только хотите показать данные, вы можете фактически зациклить их непосредственно в html, и они будут обновляться при каждом обновлении состояния.