React / Flux - 监控api和更新新数据存储的最佳方法？

问题描述

我正在试图找出当api返回更改数据时如何更新存储。 当其他用户向api写入数据时，我的一个组件应该呈现“实时”数据。 什么是最好的方法？ 间隔轮询异步数据？

我正在使用ReactJS / AltJS，现在我正在使用jQuery在我的Actions中进行异步api调用。

谢谢！

BookActions.js：

getBook(bookId) {
  $.ajax({ url: '/api/books/' + bookId })
    .done((data) => {
      this.actions.getBookSuccess(data);
    })
    .fail((jqXhr) => {
      this.actions.getBookFail(jqXhr);
    });
}

BookStore.js

import alt from '../alt';
import BookActions from '../actions/BookActions';

class BookStore {
  constructor() {
    this.bindActions(BookActions);
    this.books = [];
  }

  onGetBookSuccess(data) {
    this.books = data;
  }

  onGetBookFail(errorMessage) {
    toastr.error(errorMessage);
  }

}

export default alt.createStore(BookStore);