How to use

transaction

function

in

mobservable

render() {
    return (
      <App header = {CheckboxesStore.header}
        items = {CheckboxesStore.items}
        changeItems = {(label, checked) => transaction(() => CheckboxesStore.items.forEach((itemChecked, itemLabel) => CheckboxesStore.items.get(itemLabel).checked = checked))}
        changeItem = {(label, checked) => CheckboxesStore.items.get(label).checked = checked}
      />
    );
  }

transaction(() => {
  if (this.selectedTask === task) {
   this.selectedTask = null;
  }

  this.arrows = this.arrows.filter(arrow => {
   return arrow.fromTask !== task && arrow.toTask !== task;
  });

  this.tasks.remove(task);
 })