javascript - 在 api 请求解析之前，componentWillMount 检查未定义

Question

我有一个组件可以触发一些依赖于异步 API 请求的方法。我使用 componentWillmount 来检查一些 Prop 。如果此属性为 true，我会触发某个函数，否则为 false。但问题是，第一次 prop 是未定义，只有一段时间后它才会变成false或true。如何检查并等待请求解决？

componentWillMount = () => {
  this.props.init(parseInt(this.props.tagId, 16), this.props.accessToken);
  if (!this.props.notFound && !this.props.person) this.props.onFreeTag();
};

Answer 1

使用componentWillReceiveProps生命周期函数，例如:

componentWillReceiveProps = (nextProps) => {
    if (!nextProps.notFound && !nextProps.person)
        nextProps.onFreeTag()
    }
}