Question

我正在使用React flux架构，如facebook中的这个例子所示。 https://github.com/facebook/flux/tree/master/examples/flux-todomvc。我也在我的应用程序中使用react-router。我正在关注切换示例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>
    );
}

但是我无法访问Route组件中的自定义道具。我只获得历史，地点和比赛。我该怎么做？

Answer 1

传递如下值：

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

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

1 个答案: