如何解决如何使用React-Router更改URL
我有一些内容
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:对不起。这是我的错误:我的应用程序不支持搜索参数 谢谢您的帮助
解决方法
在我的应用程序中,我正在使用useHistory钩子 p>
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;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。