输出带有baconjs的项目列表

Question

您能否建议一种更好的方法来使用baconjs在我的页面上呈现项目列表。我需要有机会在此列表中添加/删除/更改元素。 物品清单应该是一个属性，由事件修改？或其他什么？

Answer 1

Bacon.update（https://github.com/baconjs/bacon.js/#bacon-update）可用于根据多个源事件（如add / update / delete）更新列表。您可能想尝试这样的事情：

var itemsP = Bacon.update(
    [],
    addE, (items, newItem) => items.concat(newItem),
    removeE, (items, removedItem) => items = items.filter((i) => i != removedItem)
);

这是一个演示此动作的小提琴：https://jsfiddle.net/1w2brL1e/1/