如何根据调度的操作结果在React Redux (React Native)中有条件地处理导航？

// Redux中的导航状态
const initialState = {
  navigationState: null
};

// Redux中的导航操作的Action
const navigateTo = (targetPage) => {
  return {
    type: 'NAVIGATE_TO',
    payload: targetPage
  };
};

// Redux中的导航Reducer
const navigationReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'NAVIGATE_TO':
      return {
        ...state,
        navigationState: action.payload
      };
    default:
      return state;
  }
};

// React组件
class MyComponent extends React.Component {
  // ...

  componentDidMount() {
    // 调度操作后，根据操作结果进行导航
    if (this.props.navigationState === 'success') {
      // 导航到成功页面
      this.props.navigateTo('SuccessPage');
    } else if (this.props.navigationState === 'failure') {
      // 导航到失败页面
      this.props.navigateTo('FailurePage');
    }
  }

  // ...
}

// 连接导航状态和导航操作的Action
const mapStateToProps = (state) => {
  return {
    navigationState: state.navigationState
  };
};

const mapDispatchToProps = {
  navigateTo
};

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);