路由参数location丢失问题

当一个组件不是路由组件的时候，this.props.location为undefined。因此不能拿到对应的数据。

方法一：通过withRouter的方式将一个组件变为路由组件

import {withRouter} from 'react-router-dom'
class Demo extends React.Component { 
  return (
     <div>demo</div> 
  )}
export default withRouter(Demo)

方法二：通过useLocation拿到路由参数

import {useLocation} from 'react'
const location= useLocation()