,如何获取url中的参数值?
要获取url中的参数值,可以使用react-router提供的props对象中的match属性。match属性包含了与当前url匹配的信息,其中params属性是一个对象,包含了url中的参数和对应的值。
具体的步骤如下:
npm install react-router-dom
withRouter
高阶组件包裹你的组件,以便获取props对象中的match属性。示例代码如下:import React from 'react';
import { withRouter } from 'react-router-dom';
class YourComponent extends React.Component {
render() {
const { match } = this.props;
const { params } = match;
// 获取url中的参数值
const paramValue = params.paramName;
return (
<div>
{/* 在这里使用获取到的参数值 */}
<p>参数值: {paramValue}</p>
</div>
);
}
}
export default withRouter(YourComponent);
paramName
是你想要获取的参数名。你可以根据实际情况修改为你需要获取的参数名。这样,你就可以在与react-router匹配的url中获取到参数值了。
领取专属 10元无门槛券
手把手带您无忧上云