如果NextJS使用react-dom，则可以从react-router-dom使用useSearchParams

import { useSearchParams } from 'react-router-dom'
...
....
const MyComponent = () => {
  const [searchParams, setSearchParams] = useSearchParams();
  const q = searchParams.get('demo')

  return (
  )
}

你可以检测到referrer，它告诉你客户端是从哪个链接导航到你的页面的。你可以定义getServerSideProps

import { GetServerSideProps } from "next";

export const getServerSideProps: GetServerSideProps = async (context) => {
  let referred=false
  //  headers: IncomingHttpHeaders;
  // IncomingHttpHeaders has 'referer'?: string;
  const referrer=context.req.headers.referer
  if (referrer===YOURlINK){
       referred=true
  }
  return { props: {referred:referred} };
};

然后基于referred prop

const referred=props.referred
<Modal
  id='demo'
  // if referred is true, it will show if referred is false, it will look isOpen value
  show={referred || isOpen}
  onClose={() => setOpen(false)}
>

您也可以在客户端处理此问题

const [referred,setReferred]=useState(false)

useEffect(() => {
    const referrer = document.referrer;
    if (referrer !== null) {
      console.log(`I was redirected from ${referrer}`);
    }
   if (referrer===YOURlINK){
       setReferred(true)
   }
  }, []);

使用referred状态值

<Modal
  id='demo'
  show={referred || isOpen}
  onClose={() => setOpen(false)}
>