React Router参数不起作用

Question

我在使用React路由器参数时遇到了一些问题。换句话说，我无法使参数起作用。这就是我设置它的方式，它让我疯狂 - 因为我已经尝试了所有东西而且我似乎无法让它发挥作用。

代码：

    const websiteRoutes = (
    <BrowserRouter>
    <div>
        <Switch>
            <Route path="/" component={Index} exact={true}/>
            <Route path="/admin" component={Admin}/>
            <Route path="/admin_panel" component={AdminPanel}/>
            <Route path="/message/id/:id" component={ReadMessage}/>
            <Route path="/sitemap.xml"/>
            <Route path="/robots.txt"/> 
        </Switch>
    </div>
    </BrowserRouter>
);

我也试过这个：

const websiteRoutes = (
    <BrowserRouter>
    <div>
        <Switch>
            <Route path="/" component={Index} exact={true}/>
            <Route path="/admin" component={Admin}/>
            <Route path="/admin_panel" component={AdminPanel}/>
            <Route path="/message/id" component={ReadMessage}>
            <Route path="/:id" component={ReadMessage}>
            </Route>
            <Route path="/sitemap.xml"/>
            <Route path="/robots.txt"/> 
        </Switch>
    </div>
    </BrowserRouter>
);

我正在拼命尝试让我的网址看起来像这样，因为我正在尝试创建一个网站，以便显示已发送给我的邮件。格式如下：＆＃39; http://myurl.com/message/id/485＆＃39;。我怎么能这样做？