props.history.push(`/b/child1/${id}/${title}`);
props.history.push(`/b/child1?id=${id}&title=${title}`);
props.history.push(`/b/child1`, { id, title });
this.props.history.replace(`/home/message/detail/${id}/${title}`)
this.props.history.replace(`/home/message/detail?id=${id}&title=${title}`)
this.props.history.replace(`/home/message/detail`, { id, title });
this.props.history.goForward();
this.props.history.goForward();
this.props.history.go(-2); //回退到前2条的路由
import {withRouter} from 'react-router-dom'
class Header extends Component {
// withRouter(Header)后,就可以在一般组件内部使用 this.props.history
//...
}
export default withRouter(Header)
// v6版本编程导航使用 useNavigate (以下为引入代码)
import { useNavigate } from "react-router-dom";
export default function A() {
const navigate = useNavigate();
//...
}
navigate(`/b/child1/${id}/${title}`);
navigate(`/b/child2?id=${id}&title=${title}`);
navigate("/b/child2", { state: { id, title }});
navigate(`/b/child1/${id}/${title}`,{replace: true});
navigate(`/b/child2?id=${id}&title=${title}`,{replace: true});
navigate("/b/child2", { state: { id, title },replace: true});