本文介绍了使用缺省值反应路径参数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用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
}
这篇关于使用缺省值反应路径参数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!