react 路由传参

2020-11-15  本文已影响0人  半夜成仙
taro 
如传参
 Taro.navigateTo({
      url: `/pages/ThinkTank/CaseStudy/index?id=${type}&tit=${title}`,
    })
获取参数
getCurrentInstance().router.params
andt
react (函数式,.tsx)
1、要引入Redirect

    import {
    Redirect,
    } from "react-router-dom";

2、定义一个flag
        this.state = { 
                loginFlag:false            
        };

3、render里面判断flag 来决定是否跳转

        if(this.state.loginFlag){

            return <Redirect to={`/admin/CaseStudy/${routerParmseID}`} />;
        }

4、要执行js跳转

        通过js改变loginFlag的状态

        改变以后从新render 就可以通过Redirect自己来跳转


*/

接收参数
import {useParams} from 'react-router'
const a:{id?:string} = useParams()

上一篇 下一篇

猜你喜欢

热点阅读