Javascript 认证后,应在Flux应用程序中的何处执行存储重新蚀刻操作?

Javascript 认证后,应在Flux应用程序中的何处执行存储重新蚀刻操作?,javascript,ajax,reactjs,flux,Javascript,Ajax,Reactjs,Flux,假设我有Messages,LoginForm组件,MessageStore和UserStore(用于保存登录的用户信息) 匿名用户可以查看消息,收藏夹和其他一些属性仅对经过身份验证的用户可用 LoginForm是模态的,当用户登录时,我需要从API中重新加载包含用户特定属性的messages对象的MessageStore数据 我可以在MessageStore中消化LOGIN\u SUCCESS(或每个感兴趣的人 仓库)和仓库内的火灾再蚀刻操作 我可以在UserStore 变化。在这种情况下,我

假设我有
Messages
LoginForm
组件,
MessageStore
UserStore
(用于保存登录的用户信息)

匿名用户可以查看消息,收藏夹和其他一些属性仅对经过身份验证的用户可用

LoginForm
是模态的,当用户登录时,我需要从API中重新加载包含用户特定属性的messages对象的
MessageStore
数据

  • 我可以在
    MessageStore
    中消化
    LOGIN\u SUCCESS
    (或每个感兴趣的人 仓库)和仓库内的火灾再蚀刻操作
  • 我可以在
    UserStore
    变化。在这种情况下,我需要知道所有应该重新蚀刻的商店 用户登录后

在flux应用程序中执行此逻辑的正确方法是什么?

在我制作的一个应用程序中,它使用登录页面,然后从API获取用户特定事件,我使用的结构如下:

登录页面(提交时)->WebAPIUtils.login(电子邮件、密码) WebAPIUtils.login联系人API,响应时->操作.receiveLogin(响应)

然后,receiveLogin使用actionType的登录响应调用dispatcher

我的sessionStore侦听分派,并在其switch语句中为登录响应设置存储中的用户信息以及sessionStorage。然后调用WebAPIUtils.getEvents()

然后,WebAPIUtils.getEvents()从API请求用户的事件,收到后,它将发送receiveEvents操作,我的主存储将侦听该操作并相应地更新存储中的事件

我的组件侦听主存储中的更改,当事件在getEvents()之后更新时,它会触发重新渲染


您可以在此处找到此代码:

在我制作的一个应用程序中,该应用程序使用登录页面,然后从API获取用户特定事件,这是我使用的结构:

登录页面(提交时)->WebAPIUtils.login(电子邮件、密码) WebAPIUtils.login联系人API,响应时->操作.receiveLogin(响应)

然后,receiveLogin使用actionType的登录响应调用dispatcher

我的sessionStore侦听分派,并在其switch语句中为登录响应设置存储中的用户信息以及sessionStorage。然后调用WebAPIUtils.getEvents()

然后,WebAPIUtils.getEvents()从API请求用户的事件,收到后,它将发送receiveEvents操作,我的主存储将侦听该操作并相应地更新存储中的事件

我的组件侦听主存储中的更改,当事件在getEvents()之后更新时,它会触发重新渲染

您可以在此处找到此项的代码: