问

javascript - react如何在两个页面间传递参数

tingel34 发布于 2022-11-12 00:42

react

大致环境：react, redux, router,webpack
问题描述：
1.有A.html页面，有个object的数据，需要在新页面中展示。
2.A.html通过window.open(B.html)。

问题：如何在B.html获取A.html的Object？

说明：
1.如果是在A页面弹窗或者其他展现形式，通过redux可以完美解决，但是这种新open的页面，如何处理？
2.object的数据非常多，通过url参数的方式，体验不好。
3.尝试过postMessage方法，没有成功，因为A.html发送数据到B.html，而且B是由A创建的。
4.sessionStorage貌似可行，但有些过滤，还是希望通过react本身解决。

前端新手，基础知识薄弱，求各位帮帮忙，给些思路，感谢。

6 个回答

用react-router

2022-11-12 01:52 回答

mobiledu2502876347
可以将b页面写成一个子组件，a页面通过props传值给b页面

2022-11-12 01:52 回答

石pimentel_958
你所指的新页面，是跨域了么, 所以需要 window.open ?
不跨域，sessionStorage 挺好，
或者 react-router :
```
router.push({
    pathname: '/docs/list',
    query: { modal: true },
    state: { fromDashboard: true, ... }
})
```
跨域可以再尝试一下 第3点。

放 redux store ，用户一刷新页面...
2022-11-12 01:52 回答

coffee_陈--嘉辉
求关注，如何解决这个问题。

2022-11-12 01:52 回答

aGreadyCat__895
可以把object放到redux里面试试

2022-11-12 01:52 回答

小鱼2502907687
通过react本身? 我能说不可能吗.
react本身就是单页面应用, 前几天我在开发中使用iframe的时候为了处理页面通信都走了很多坑.
如果想不同页面获取数据, 可以在本地做处理(cookie, sessionStorage, localStorage),
当然最好是有后台去支撑, 例如: 打开b页面调用接口, 参数由a页面传递等等方法.
像题主说的通过react去解决, 基本上不可能.

2022-11-12 01:52 回答

mobiledu2502884677

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签