封装方法获取url的参数
A.jsx组件。引入 qs 封装url参数。
import React, { useEffect, useState } from ‘react’;
import qs from ‘qs’;
export function handleMultipleQuery() {
const locationStr = location.href.toString();
const querySections = locationStr.split(’?’);
let query: object = {};
for (let i = 1; i < querySections.length; i += 1) {
const qSection = querySections[i];
if (qSection) {
// 剔除query中的hash
const q = qs.parse(qSection.split(’#’)[0]);
query = {
…query,
…q,
};
}
}
return query;
}
B.jsx组件 b的组件里面需要调用 A组件中的handleMultipleQuery 方法 获取url参数
import { handleMultipleQuery } from ‘@/utils/SplitUrl’
function Payment() {
const { outOrderNo, matterCode, innerNoticeNo, configFlag } = handleMultipleQuery(); // 此处解构的值是接收到url的key和value值,
}