使用React Router V4路由到特定路径

Question

我有一些我想要路由到的ID（反应路由器）。我有一个模板，组件将根据id呈现不同类型的信息。我看过这个：https://www.youtube.com/watch?v=a4kqMQorcnE但我似乎无法让它发挥作用。

这是Link：

<Link to={`/log/${item._id}`}>
  <p
    className="sub-title-text-container"
    style={{
      fontWeight: '300',
      textDecoration: 'underline'
    }}
  >
    Se logg
  </p>
</Link>

在几乎在底部的同一个文件中我有这个：

<Route path="/log/:item._id" component={DoorDetails} />

我的组件DoorDetails：

import React from 'react'
import { BrowserRouter as Router, Link, Route } from 'react-router-dom'
import { Grid, Row, Col } from 'react-bootstrap'

const DoorDetails = ({ match }) =>
  <div>
    {match.params.item._id}
    <h1>Yes</h1>
  </div>

非常感谢您的阅读！