回流动作执行后触发Notification/Callback

Question

我最近在我的项目中使用了回流，这里有一个问题让我很困惑。
作为回流模式，我在我的 React 组件中调用操作，并在我的回流存储中获取正在监听这些操作的远程数据。我的组件会监听存储中数据的变化。例如获取项目列表。目前还好。
但有时，我想要一个通知，告诉我操作已成功执行。
例如，我有一个 UserStore、一个 UserActions 和一个侦听 UserStore 的 LoginComponent。当用户输入用户名和密码并单击提交按钮时，LoginComponent 调用 UserActions.login()，我在 UserStore 中发送登录请求。登录成功后，UserStore从响应中获取用户信息。
这一次，我想在LoginComponent中给出一个提示，比如'Login Success'。我有两种方法可以做到，但我认为两者都不够好。

在UserStore的数据中给一个标志，然后触发改变。 LoginComponent 在 UserStore 触发数据变化事件时得到这个标志，然后进行提示。因为 UserStore 不仅会在登录成功时触发数据更改，还会在其他一些情况下触发数据更改，例如从 cookies 或 sessionStorage 中获取用户信息，因此 LoginComponent 必须为此登录成功标志添加一个 if-else，如果是登录成功则提示。
我认为这不是一个好的模式，因为该标志仅用于提示，而不是像用户信息这样的真实数据。如果我还想在用户更改密码后得到提示，我将需要另一个标志字段。
传递一个promise（或回调函数）给UserAction调用，登录成功后resolve这个promise，然后LoginComponent可以在promise.then中提示。它看起来比第一个好，但它是不是有点反模式，因为通过操作传递给商店的承诺可能会破坏单向回流？

我想问的是：common/appropriate解决这个问题的方法是什么？

我不是英语地区的人，不擅长英语表达。这是我在 whosebug.com 中的第一个问题。我不太确定我是否清楚地描述了我的问题。所以如果你对这个问题有什么建议，请告诉我，我会改进它以帮助其他关心这个问题的人。非常感谢！

Answer 1

您可以在触发器中包含一个参数。

export default class AppCtrl extends AppCtrlRender {
  constructor() {
    super();
    this.state = getState();
  }

  componentDidMount = () => { this.unsubscribe = BasicStore.listen(this.storeDidChange); }
  componentWillUnmount = () => { this.unsubscribe(); }
  storeDidChange = (id) => {
    switch (id) {
      case 'data1': this.setState({Data1: BasicStore.getData1()}); break;
      case 'data2': this.setState({Data2: BasicStore.getData2()}); break;
      case 'data3': this.setState({Data3: BasicStore.getData3()}); break;
      default: this.setState(getState());
    }
  }
}

import Reflux from 'reflux';

import Actions from '../actions/sa.Actions';
import AddonStore from './Addon.Store';
import MixinStoreObject from './Mixin.Store';

function _GotData(data) { this.data1 = data; BasicStore.trigger('data1'); }

let BasicStoreObject = {
  init() { this.listenTo(AddonStore, this.onAddonTrigger); },
  data1: {},
  listenables: Actions,
  mixins: [MixinStoreObject],
  onGotData1: _GotData,
  onAddonTrigger() { BasicStore.trigger('data2'); },
  getData1() { return this.data1; },
  getData2() { return AddonStore.data2; },
  getData3() { return this.data3; }
}
const BasicStore = Reflux.createStore(BasicStoreObject);
export default BasicStore;

回流动作执行后触发Notification/Callback

Trigger Notification/Callback after reflux action execution

javascript

reactjs

refluxjs