如何使用 react-router 更改 url

Question

我有一些组件

import { RouteComponentProps, withRouter } from 'react-router';
function MySearchComponent({ match, location, history }: RouteComponentProps) {
  const [query, setQuery] = useState<string>('');
  useEffect(() => {
    console.log('all fine!')
    history.replace(`/my_search_page?query=${query}`);
  }, [query]);
  // some code for change query
}

export const MySearch = withRouter(MySearchComponent);

怎么了？我曾尝试使用history.push 查询更改时，console.log 正确更改，但没有发生任何事情

UPD：对不起。这是我的错误：我的应用程序不支持搜索参数 感谢您的帮助

Answer 1

在我的应用程序中，我正在使用 useHistory 挂钩

import React, { useEffect } from "react";
import { useHistory } from "react-router-dom";

const Operations = () => {
  const history = useHistory();

  useEffect(() => {
    const res = prepareURLParams(filters);
    history.push(getRouterString("/", res));
  }, [filters]);
}

export default Operations;