记一下react跳转路由

最新推荐文章于 2023-06-29 15:56:25 发布

out-of-reach

最新推荐文章于 2023-06-29 15:56:25 发布

阅读量127

点赞数

文章标签： react.js

本文链接：https://blog.csdn.net/weixin_57011137/article/details/120200372

版权

react跳转路由是通过react内置props中的history，即


export default function (props) {
    const upRputer=()=>{
        props.history.push({pathname:'/home',query:{ids:4444}})
    }
    return (
        <div>
            <h1 onClick={upRputer}>2222222222222</h1>
        </div>
    )
}

也可通过组件跳转
例如umi

import {history} from 'umi';
export default function (props) {
    const upRputer=()=>{
        history.push('/')
    }
    return (
        <div>
            <h1 onClick={upRputer}>2222222222222</h1>
        </div>
    )
}