0

所以，我有这个组件，

{ this.props.isConfirmModalOpen && shiftInvite && <ConfirmApplicationPopUp
  memberPhoto={props.memberProfile && props.memberProfile.photo}
  venueLogo={getOr('noop', 'account.logo', shiftInvite)}
  isOpen={props.isConfirmModalOpen}
  shift={shiftInvite}
  isOnboarding={isOnboardingMember}
  onClose={props.onToggleConfirmPopUp}
  onConfirm={this.handleConfirmApplication}
  checkValues={props.confirmationCheckValues}
  onUpdateCheckValues={props.onUpdateConfirmationCheckValues}
  isHomeComponent
/> }

如您所见，我将 onConfirm 传递给 handleConfirmApplication 函数，该函数用于检查某些内容，并且必须在 try 块中运行一个函数，这是函数

handleConfirmApplication = async () => {
    const checkVals =
      get('shift.account.accountName', this.props) === ONBOARDING_ACCOUNT
        ? omit('payRate', this.props.confirmationCheckValues)
        : this.props.confirmationCheckValues;
    if (Object.values(checkVals).every(val => val)) {
      this.props.onToggleConfirmPopUp();
      this.props.onToggleLoadingApply();
      try {
        console.log('inTry1');
        await this.handleShiftInviteDecision('ACCEPT');
        console.log('inTry2');
      } catch (e) {
        Alert.alert('Error', parseError(e));
      } finally {
        this.props.onToggleLoadingApply();
        console.log('inFinally');
      }
    } else {
      Alert.alert('Error', 'Please confirm all shift requirements');
    }
  };

我的问题是，无论出于何种原因，它都没有运行 handleShiftInviteDecision('ACCEPT) ，我正在等待它，试图将它放在另一个函数中，从另一个函数 ETC 调用它们，该函数不运行！这里也是 handleShiftInviteDecision 函数

  handleShiftInviteDecision = (decision: 'ACCEPT' | 'DECLINE') => async () => {
    console.log('handleSIDecision1');
    const [shiftInvite] = getOr([], 'shiftInvites', this.state.modals);
    console.log('handleSIDecision2');
    if (decision === 'ACCEPT') {
      analytics.hit(new PageHit(`ShiftInviteModal-ACCEPT-${shiftInvite.id}`));
      console.log('handleSIDecision3');
    } else if (decision === 'DECLINE') {
      analytics.hit(new PageHit(`ShiftInviteModal-DECLINE-${shiftInvite.id}`));
      console.log('handleSIDecision4');
    }
    try {
      console.log("thisSHouldRun")
      this.setState({ isLoading: true, display: false });
      await this.props.updateMyApplication(shiftInvite.id, decision);
      console.log('handleSIDecision5');
    } catch (e) {
      Alert.alert('Error', parseError(e));
    } finally {
      this.setState({ isLoading: false, display: false });
    }
  };

关于我能做什么的任何想法？

4

1 回答 1

0

函数handleShiftInviteDecision是返回函数的async函数。

handleShiftInviteDecision = (decision: 'ACCEPT' | 'DECLINE') => async () => {

因此，您需要调用async它返回的函数来调用它：

  try {
    console.log('inTry1');
    await this.handleShiftInviteDecision('ACCEPT')();  // <--- here
    console.log('inTry2');
  } catch (e) {
于 2018-12-21T08:25:38.597 回答