Проверьте, нет ли несохраненных изменений в приложении redux

Question

Я ищу пример того, как проверить изменения в приложении response-redux. Приложение будет запрашивать у пользователя несохраненные изменения при попытке перейти от текущего маршрута.

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

Answer 1

Делать это будет включать в себя что-то вроде этого в компоненте:

onClickNavigationLink =() => { 
    const { checkLocalState } = this.props; 
    checkLocalState() // we have access cause of `connect` 
    .then(res => { 
     if (res.areChanges) { 
     this.setState({ proptUserConfirmation: true }) 
     } else { 
     this.onClickNavigationConfirmation(); 
     } 
    }) 
} 

onClickNavigationConfirmation =() => { 
    const { push } = this.props; 

    push('/nextURL'); 
} 

и тогда ваше действие будет выглядеть

function checkLocalState() { 
    return (dispatch, getState) => { 
    return API.checkLocalState(getState()); 
    } 
} 

Для этого потребуется некоторый серверный сервис, который может Diff локальное состояние и дерево состояний редукции. Однако я не рекомендую этот общий шаблон. Вы должны знать в своем локальном состоянии приложения, если у пользователя есть несохраненные данные.