反应动态路由+ CMS

时间:2018-03-03 15:34:10

标签: reactjs react-router

我正在针对我的CMS构建一个React应用程序,它提供了一个用于获取页面等的API。但是我对如何使用React Router进行动态路由有疑问。我不知道任何URL,因为页面是在我的CMS中定义的,并且每当用户创建/重命名/删除页面时都可以更改。

到目前为止,我已经创建了一个通配符路径:

ListView

指向解析要投放的页面/组件的组件。所以,当我点击头版' /'或者说' / brands'该路线将通过我的PageResolver调用我正在输出的API。然后,CMS会响应要创建的页面/组件类型。为此,我创建了一个小页面对象:

<Route path="*" component={PageResolver} />

如果我点击首页,CMS会回复页面类型为&#39;首页&#39;我现在知道通过我的PageResolver呈现什么组件。

我的PageResolver看起来像这样:

const pages = {
    'frontpage': FrontPage,
    'standardpage': StandardPage,
    'filterpage': FilterPage
};

是否有任何官方方式或至少更好的方式来做到这一点。上面的代码下降了abit hacky?

0 个答案:

没有答案