Reactjs 无法读取react路由器中的参数

我开始对react router有问题，我无法读取它的参数：

代码如下：

 function App() {

const matchSample = useRouteMatch("/test/:id");

let { id } = useParams();

console.log("id", id);

return (
    <>
        {matchSample && <Home />}
    </>
)


 }

   const _ = withRouter (App);
   export { App };

函数应用程序（）{
const matchSample=useRouteMatch（“/test/：id”）；
设{id}=useParams（）；
console.log（“id”，id）；
返回(
{matchSample&&}
)
}
常数=带路由器（应用程序）；
导出{App}；

我的应用程序已在底部安装了路由器：

     <React.Fragment >
        <CssBaseline />
        <Provider store={store}>
            <Router>
                <MuiThemeProvider theme={theme}>
                    <App />
                </MuiThemeProvider>
            </Router>
        </Provider>
    </React.Fragment>

---

我不确定是否需要添加withRouter作为我函数的包装器，但即使有或没有结果也是一样的：未定义。

事实证明，为了能够传播道具，交换机是必需的。如果未提供开关，则useParams和rest无法工作

---

如果有人知道不使用开关但使useParams工作的选项，请告诉我。。在此之前，我必须添加切换返回。

事实证明，切换是必需的，以便能够传播道具。如果未提供开关，则useParams和rest无法工作

---

如果有人知道不使用开关但使useParams工作的选项，请告诉我。。在那之前，我必须添加回转辙机。

您只需要一条路线？不，我需要更多路线。这只是一个简单的例子。你们有这样定义的路线吗？我没有。此“{matchSample&&}”的目的不是替换开关吗？这就是我想的。有人知道吗？你只需要一条路线？不，我需要更多的路线。这只是一个简单的例子。你们有这样定义的路线吗？我没有。此“{matchSample&&}”的目的不是替换开关吗？我就是这么想的，有人知道吗？