【React工作记录三】React中如何跳转页面传参(参数较短)

简介: 【React工作记录三】React中如何跳转页面传参(参数较短)


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

需求

直接上代码 在平常得页面中我们经常会遇到页面传参得情况 一下只能用于参数比较短时候得传参

   if (flowId) {
      openTab(this.props, `/lecturer/update?flowId=${flowId}&
bizDataCode=${lecturerCode}`);
    } else {
      openTab(this.props, `/lecturer/update?bizDataCode=${lecturerCode}`);
    } 

总结

参数较短得时候可以使用当前模式进行页面传参 直接在页面跳转得后面拼接 不会出现参数丢失


相关文章
|
存储 前端开发 JavaScript
react怎么实现跨页面传参
react怎么实现跨页面传参
417 2
|
前端开发
react如何跳转页面?
react如何跳转页面?
封装react-antd-table组件参数以及方法如rowSelection、pageNum、pageSize、分页方法等等
文章介绍了如何封装React-Antd的Table组件,包括参数和方法,如行选择(rowSelection)、页码(pageNum)、页面大小(pageSize)、分页方法等,以简化在不同表格组件中的重复代码。
448 0
|
前端开发 JavaScript
react18【系列实用教程】useState —— 声明响应式变量(2024最新版)含useState 的异步更新机制,更新的合并,函数传参获取更新值,不同版本异步更新差异,更新对象和数组
react18【系列实用教程】useState —— 声明响应式变量(2024最新版)含useState 的异步更新机制,更新的合并,函数传参获取更新值,不同版本异步更新差异,更新对象和数组
936 0
|
前端开发 索引
react怎么做到点击传参
react怎么做到点击传参
150 0
|
JavaScript 前端开发 小程序
react-router4.2使用js控制路由跳转的3种方式
react-router4.2使用js控制路由跳转的3种方式
154 0
|
前端开发
react跳转传参方式
react跳转传参方式
172 0
|
前端开发 Java
react 路由传参总结
react 路由传参总结
129 0
|
前端开发 API 网络架构
React-Router-URL参数
React-Router-URL参数
186 0
|
前端开发 JavaScript
React-Router-手动路由跳转
React-Router-手动路由跳转
294 0