我创建了一个过滤器，当我点击确认按钮更改网址。
例如，当我点击第1页，输入guesthouse in巴黎时，URL如下所示。

http://localhost3000/findstay?page=1&per=10&place_type=guest_house&city=paris

字符串
现在我想改变结果时，网址改变。假设当我手动改变查询参数如下，过滤器也应该改变。

http://localhost3000/findstay?page=1&per=10&place_type=hotel&city=newYork

型
为了做到这一点，我在pages文件夹中创建了一个名为findstay的文件，并在components文件夹中创建了findstay-filter组件。

import React from "react";
import FindstayFilter from "@/components/findstay/findstay-filter";

interface IFindstayProps { };

const Findstay: React.FC<IFindstayProps> = () => {
  return <FindstayFilter />;
};

export default Findstay;

型
我所解释的所有逻辑都写在FindstayFilter组件中。
这是渲染FindstayFilter时推送url的代码。

useEffect(() => {
    const { city, page, per, placeType } = query;
    const _page = parseInt(page || 1 as any);
    const _city = city || state.cityState; // paris
    const _placeType = placeType || "";

    router.push({
      pathname: `/findstay`,
      query: {
        page: _page,
        per: 10,
        plage_type: _placeType,
        city: _city,
      }
    }, undefined,
      { shallow: true })

    const initialRender = {
      page: _page,
      placeType: _placeType,
      city: _city,
    }
    
    searchAvailableBookingDays(initialRender).then(res => res.json().then(value => setData(value)));
  }, []);

型
正如你所看到的，我使用了**{shallow：true}**选项，url并没有改变，只是查询参数改变了。但是当我手动改变了一个查询（city=巴黎-> city=newYork）时，组件重新渲染并重置了我在组件第一次渲染时推送的查询参数。
为什么浅期权不起作用？