React Flux - 将道具传递给反应路由器

Question

我正在使用 React flux 架构，如 facebook 中的示例所示。 https://github.com/facebook/flux/tree/master/examples/flux-todomvc. I am also using react-router in my app. I am following the switch example https://reacttraining.com/react-router/web/example/modal-gallery 因为我需要在不同的上下文中呈现相同的屏幕。因此，在示例中，如果我单击一种颜色，我将加载该颜色的屏幕。唯一的区别是我想从 Api 动态加载颜色列表。

我的容器如下

AppContainer.js

function getStores() {
    return [
        ColorStore
    ];
}

function getState() {
    return {
        colors: ColorStore.getState()
    };
}

export default Container.createFunctional(AppView, getStores, getState);

AppView.js

const AppView = (props) => {
    return (
        <Router>
            <Route component={RouteSwitch} {...props} />
        </Router>
    );
}

但是我无法访问路由组件中的自定义道具。我只得到历史、位置和匹配。我该怎么做？

Answer 1

像这样传递值：

<Route component={(props) => <RouteSwitch {...props} />} />

React Flux - 将道具传递给反应路由器

React Flux - Pass props to react router

reactjs

reactjs-flux

react-router