如何将通量传递给 react-router 1.0.0

Question

http://fluxxor.com/examples/react-router.html#/

这显示了如何为旧版本的 React-router 执行此操作。

有谁知道如何将 flux 作为 prop 传递给 react-router 1.0.0 中的顶级组件？

我在文档的某个地方看到，在 react-router 1.0.0 中，路由可以被描述为对象，这意味着您可以传入任意 props。然而，这对我不起作用：

 routes =
      path: "/"
      flux: flux
      component: App
      childRoutes: [
        {path: "/path/to/path", component: Comp, flux: flux}
      ]


    React.render(<Router routes={routes} />, document.getElementById("app"))

在 App 上没有作为道具的迹象。

语法是 Coffee Script 但基本上路由是一个对象，

Answer 1

如此处所述：

https://github.com/BinaryMuse/fluxxor/issues/137

您可以将函数传递给路由器 createElement 属性，它将通量属性向下传递给子组件。

const createFluxComponent = (Component, props) => {
    return <Component {...props} flux={flux} />;
};

React.render(
  <Router createElement={createFluxComponent}>
  ...

如何将通量传递给 react-router 1.0.0

How to pass flux to react-router 1.0.0

flux

reactjs

react-router