meteor 1.3 + react : detect subscription failure?

Question

我有一个简单的 Meteor 订阅，并且在加载数据时显示加载消息。但我不知道如果订阅失败如何显示错误消息。

export const MyAwesomeComponent = createContainer(() => {
  let sub = Meteor.subscribe('some-data');
  if (!sub.ready()) return { message: 'Loading...'};
  if (sub.failed()) return { message: 'Failed.' }; // How to do this?
  return {
    data: Data.find().fetch()
  }
}, MyInternalRenderComponent);

问题是，订阅对象没有 failed()方法，只有一个 ready()询问。如何将订阅失败作为 Prop 传递给 createContainer()方法？

我知道 Meteor.subscribe方法有一个 onStop这种情况下的回调，但我不知道如何将它粘合在一起以传递属性。

Answer 1

经过大量研究，我设法让这个工作，我认为它回答了你的问题。

请记住，我使用的是 Meteor 1.6，但它应该为您提供信息以使其在您身边工作。

关于出版/出版:

  try {
    // get the data and add it to the publication
    ...
    self.ready();
  } catch (exception) {
    logger.error(exception);
    // send the exception to the client through the publication
    this.error(new Meteor.Error('500', 'Error getting data from API', exception));
  }

在 UI 组件上:

const errorFromApi = new ReactiveVar();

export default withTracker(({ match }) => {
  const companyId = match.params._id;
  let subscription;

  if (!errorFromApi.get()) {
    subscription = Meteor.subscribe('company.view', companyId, {
      onStop: function (e) {
        errorFromApi.set(e);
      }
    });
  } else {
    subscription = {
      ready: () => {
        return false;
      }
    };
  }

  return {
    loading: !subscription.ready(),
    company: Companies.findOne(companyId),
    error: errorFromApi.get()
  };
})(CompanyView);

从这里您需要做的就是获取错误 Prop 并根据需要渲染组件。

这是 error的结构prop(从 onStop 回调接收到 subscribe ):

{
  error: String,
  reason: String,
  details: String
}

[编辑]

原因是在 Meteor.subscribe() 周围有条件是为了避免您从自然中获得的烦人的无限循环 withTracker()更新，这将导致新订阅/发布中的新错误等。