react组件 如何获取URL 参数

Question

//客户端index.js
importReactfrom'react';
importReactDOMfrom'react-dom';
import'./index.css';
importAppfrom'./App';
import{BrowserRouterasRouter,Route,Switch}from'react-router-dom'
importregisterServiceWorkerfrom'./registerServiceWorker';
ReactDOM.render(
,document.getElementById('root'));
App.js
classAppextendsComponent{
state={users:[],
products:[]};
steps=['纺纱','织布','后整','检查入库','发货'];
componentDidMount(){
console.log(this.props.params.client_id);//不对这里
fetch('/supplies/320001')
.then(res=>res.json())
.then(products=>this.setState({products}));
}
访问http://localhost:3000/supplies/320001http://localhost:3000/supplies/420001
如何获取320001或420001

Answer 1

this.props.params.client_id你是在哪里定义的。打印下this，看是不是当前组件的实例另外打印下this.props.match.params

Answer 2

@说好的一血呢this是当前组件，http://localhost:3000/supplies/320001320001是client_id.是不是用的不对？