Javascript 正在发出错误的URL请求

我正在将分页和查询搜索添加到我的机票列表中

这是票证列表页面代码

  const [query, setQuery] = useState("");

  function handleSearch(e) {
    console.log(e.target.value);
    setQuery(e.target.value);
  }
  useEffect(() => {
    dispatch(getAllTicketsAsync(page, query));
  }, [page, query]);

这是Ticket Slice，我正在使用Redux工具包

export const getAllTicketsAsync = createAsyncThunk(
  "tickets/getAllTickets",
  async (page, query) => {
    const response = await getTickets(page, query);
    // The value we return becomes the `fulfilled` action payload
    return response;
  }

最后，这是API调用

export async function getTickets(page, query) {
  const response = await fetch(
    `http://localhost:8080/tickets?_page=${page}&_limit=4&q=${query}`
  );
  const data = await response.json();
  const totalItems = await response.headers.get("X-Total-Count");
  console.log(data);

  return {
    data,
    totalItems: +totalItems,
  };
}

);

我看不出我在这里做错了什么？查询应该是空字符串如果没有输入任何内容，那么为什么这是请求的url-"http://localhost:8080/tickets？_page=1&amp；_limit=4&amp；q=[object%20Object]"