javascript - 如何从 react js 中的 URL 读取 ref 代码

我想从 URL http://localhost:3000/?ref=2926 获取参考代码

我尝试使用 const session = ${window.location.href};它获取完整的当前 URL 并尝试使用 split() 路径名,但它不起作用,如何仅从 URL 获取参考代码。

回答1

您还可以通过这种方式获得 value 的 ref :

const queryString = window.location.search;
const parameters = new URLSearchParams(queryString);
const value = parameters.get('ref');

回答2

你可以试试这个:

${window.location.search.split('=')[1]}

回答3

您可以使用浏览器原生 api

const query = new URLSearchParams(window.location.search);
console.log(query.get(ref))

回答4

您可以使用 https://developer.mozilla.org/en-US/docs/Web/API/URL/searchParams

  • const { searchParams } = new URL(document.location)

代码:

const { searchParams } = new URL('http://localhost:3000/?ref=2926')
console.log(searchParams.get('ref'))

React 组件:

export const UrlSearchParamValue = ({ name }) => {
  const { searchParams } = new URL(document.location)
  const value = searchParams.get(name)
  return <span>{value}</span>
};

要使用:

<UrlSearchParamValue name='ref' />

相似文章

最新文章