Question

所以，我有这个组件

{ 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 });
    }
  };

对我能做什么有任何想法吗？

Answer 1

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

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

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

  try {
    console.log('inTry1');
    await this.handleShiftInviteDecision('ACCEPT')();  // <--- here
    console.log('inTry2');
  } catch (e) {

React Native函数未触发

1 个答案: