javascript - 将非 react 性库打包到 react 性包装器

Question

这样做的一般方法是什么？我对 fullcalendar react 性包装器有疑问。不幸的是，正式版 (rzymek) 无法正常工作，所以我决定创建自己的包装器。我使用渲染和销毁的事件来进行插件实例初始化和销毁​​，但是......它没有反应性地工作(要清楚，它的工作方式与 rzymek 版本完全一样)。怎么了？

编辑:我的问题不仅仅是 react 性事件，我希望完整的日历完全 react 性，这意味着，初始化参数的每次更改都应该将日历重新呈现为新状态。

Answer 1

Fullcalendar 响应式(Reactive)工作有点棘手。我最终使用的一个 OK hack 是将 Collection.find() 调用和 refetchEvent 包装在自动运行中，如下所示:

Template.foo.onRendered(function() {
  this.autorun(function() {
    YourCollection.find({});
    $(".calendar").fullCalendar("refetchEvents");
  });
});

因此，您对 YourCollection 所做的任何更新都将触发一个 refetchEvent，它将执行您的 events 和 eventRender fullcalender 回调，然后您可以在其中更新日历。