Question

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

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

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

我在文档中看到，在react-router 1.0.0路由中，只能将其描述为对象，这意味着您可以传递任意道具。然而，这对我不起作用：

 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属性，该属性将flux属性传递给子组件。

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

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

如何将flux传递给react-router 1.0.0

1 个答案: