小编Mal*_*y M的帖子

使用默认值响应路由参数

我正在将反应功能组件与反应路由器 v5 一起使用。我正在使用 useParam 函数来获取参数。当参数不可用或未定义时,如何设置参数的默认值。

我的路由器代码

<Switch>
    // ....
    // .... 
    <Route path="/users/:userId?" component={UserInfo} />
    // ....
</Switch>
Run Code Online (Sandbox Code Playgroud)

我的组件代码

export const UserInfo = (props) => {
    const {userId} = useParams()


    // ... other codes 
}
Run Code Online (Sandbox Code Playgroud)

undefined在调用 http://localhost:3000/users/ 时得到了。

任何想法都会有所帮助。

reactjs react-router react-router-dom

4
推荐指数
1
解决办法
1329
查看次数

标签 统计

react-router ×1

react-router-dom ×1

reactjs ×1