使用Slugs反应路由器 - 链接不起作用

Question

我很难为此找到文档/解决方案。

我正在设置我的react-router，如下所示：

<Provider store={store}>
    <Router history={history}>
        <Route name="filterBy" path="/by/:category/:type" component={ProductListingContainer} />
    </Router>
</Provider>

我正在尝试按如下方式实施Link：

<li><Link to={'/by/format/vinyl'}>Vinyl</Link></li>

使得Link路径满足路径的slu ..然而，它不起作用。我猜我的语法错了 - 任何帮助都会受到赞赏！

编辑：我得到的错误：

  

未捕获错误：'＆lt;'Link'＆gt;在路由器上下文之外呈现无法导航。