如何使用Mantra与Meteor和Redux?

时间:2016-04-20 12:04:54

标签: javascript meteor reactjs redux flow-router

我试图进入口头禅并希望将它与react,redux和flow路由器一起使用。 但是这次我无法正确使用redux。

Github:https://github.com/saschb2b/kickstart-mantrajs-meteor-react

我使用

在流路由器中注入了上下文和操作

模块/核心/ routes.jsx

export default function (injectDeps, { FlowRouter }) {
  const MainLayoutCtx = injectDeps(MainLayout);

 FlowRouter.route('/news', {
    action() {
      mount(MainLayoutCtx, {
        toolbar: <DefaultToolbar title="News" />,
        content: <NewsOverview />,
      });
    },
  });

但是在调度操作时,将使用完整的上下文而不是所需的值。 模块/核心/ componentsDefaultToolbar.jsx:42

this.props.store.dispatch(this.props.toggleMenu(this.props.menuOpen));

应致电{type: "MENU_TOGGLE", open: false}

相反,它打电话 {type: "MENU_TOGGLE", open: Object}其中Object是Meteor,Tracker,FlowRouter和Store

的完整上下文

您可以通过克隆我的项目,导航到/ news,将窗口大小调整为&lt; 1024(显示汉堡按钮)并单击汉堡按钮来重新生成此项。控制台现在应该吐出一堆。

我使用redux错了吗?我的商店没有正确初始化吗?如果你有替代品或者tipps,我会采取一切

编辑:必须更改我的方法,了解如何使用动作创建器。到目前为止似乎很好。但是如果我的状态发生变化,我的组件就不会重新渲染。任何的想法?最新的变化是在回购

0 个答案:

没有答案