更新配置文件火力基地时出错

Question

我正在尝试使用 firebase 在 updateProfile 的 then 中使用 redux 进行 api 调用，但出现此错误： TypeError: Cannot read property 'fetchProfile' of undefined

componentDidUpdate(prevProps) {

let user = firebase.auth().currentUser;
  user.updateProfile({
    displayName: `${form.firstName} ${form.lastName}`,
    email: form.email,
    phoneNumber: `${form.countryCode}${form.phone}`,
  }).then(function() {
    this.props.fetchProfile();
    Navigation.pop(componentId);
  }).catch(function(error) {
    console.log("error edit profile: ",error,error.response);
    this._registerFMSG.showMessage({
      message: '',
      description: error,
    });
  });
}

Answer 1

错误明确指出 this.props 未定义。

在 javascript 中，需要注意this 关键字的使用，因为它具有不同的上下文含义，具体取决于它的使用方式。

在这种情况下，this 很可能引用了一个您不想要的对象，因为您传入了一个由另一个对象调用的回调函数。

您的回电：

function() {
    this.props.fetchProfile();
    Navigation.pop(componentId);
  }

this 上的 MDN 是一个很好的参考：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this

这应该适合你：

componentDidUpdate(prevProps) {
var currentProps = this.props
let user = firebase.auth().currentUser;
  user.updateProfile({
    displayName: `${form.firstName} ${form.lastName}`,
    email: form.email,
    phoneNumber: `${form.countryCode}${form.phone}`,
  }).then(function() {
    currentProps.fetchProfile();
    Navigation.pop(componentId);
  }).catch(function(error) {
    console.log("error edit profile: ",error,error.response);
    _registerFMSG.showMessage({
      message: '',
      description: error,
    });
  });
}