useParams 在使用 <Route render={ ( ) => <ABC /> } /> 而不是 <Route component={ ABC } /&g

Question

我有一个包含一些url参数的Route，但它们只在<路由组件=｛ABC｝/>并且不起作用<路由渲染=｛((=>｝/>。我想使用渲染器，因为我正在传递一些道具。

<Route path="/:param" render = { () => <ABC type="some prop"/> } // useParams or match doesnt work
<Route path="/:param" component= {ABC} // useParams and match both work but I cannot pass in 'type' prop.

Answer 1

您必须从渲染中传递路由道具。

<Route path="/:param" render = { (props) => <ABC {...props} type="some prop"/> } />