使用缺省值反应路径参数

使用缺省值反应路径参数

本文介绍了使用缺省值反应路径参数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

限时删除!!

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

我的路由器代码

<Switch>
    // ....
    // ....
    <Route path="/users/:userId?" component={UserInfo} />
    // ....
</Switch>

我的组件代码

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


    // ... other codes
}

调用http://localhost:3000/users/.

时出现undefined

任何想法都会有帮助。

推荐答案

如果您的Switch中没有与&q;/USERS&Q;匹配的其他路由,则只需为";/USERS/:USERID&Q;路径的非结构化参数对象提供备用值。

export const UserInfo = (props) => {
    const { userId = /* fallback value */ } = useParams();

    // ... other codes
}

这篇关于使用缺省值反应路径参数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

1403页,肝出来的..

09-07 00:30