react处理url地址中search参数

import React,{FunctionComponent} from 'react;
import qs from 'qs'//在项目中安装qs
const Fn: FunctionComponent<IProps> = (props: IProps) => {
    const {id} = props.match.params as any;
    const {search} = props.location;
    const wantId = qs.parse(search,{ignoreQueryPrefix: true}).wantId;//将search中的?去除并且将字符串处理成对象
    return (
        <div id={id} wantId={wantId}></div>
    )
}