【八】从零搭建react-新 路由传参

需求说明 在活动列表点击报名量跳转到报名列表

1.menulist.js 增加路由定义

{ title: "活动报名", key: "app/activitySign/:activityId", route: "/app/activitySign", icon: < HomeOutlined />, component: <ActivitySign/>,is_hide:true },

2.调用

{
    title: '报名量',
    dataIndex: 'sign_num',
    align:this.state.align,
    width: 20,
    render:(text, record) =>{
        return (<span><Link to={"/app/activitySign/"+record.id}>{record.nums_now}</Link></span>)
    }
},

3.获取参数

const params = useParams();
console.log('params',params)

let activity_id = params.activityId;

useparams  usestate  等hook方法只能用在函数式组件，class暂未找到例子

使用useeffect 替代了 componentdidmount

本文为看恩吧原创文章,转载无需和我联系,但请注明来自knsay.com

打赏

• 上一篇： 【七】从零搭建react-新 优化缓存和条件查询
• 下一篇： 【九】从零搭建react-新 自定义函数组件+传参