发布房源（三）01——进入发布房源组件-history.replace() 方法跳转页面-有缓存数据

发布房源——进入发布房源组件-history.replace() 方法跳转页面-有缓存数据

进入发布房源组件

点击某条搜索结果,进入发布房源组件,同时携带数据
- 给搜索列表项添加单击事件。
- 在事件处理程序中，调用 history.replace() 方法跳转到发布房源页面。
- 将被点击的小区信息作为数据一起传递过去。
- 在发布房源页面，判断 history.loaction.state 是否为空。
- 如果为空，不做任何处理。
- 如果不为空，则将小区信息存储到发布房源页面的状态中。

renderTips = () => {const { tipsList } = this.statereturn tipsList.map(item => (<likey={item.community}className={styles.tip}onClick={() => {this.props.history.replace(`/rent/add`, {id: item.community,name: item.communityName})}}>{item.communityName}</li>))
}

constructor(props) {super(props)let cinfo = props.location.statethis.state = { community: {name: cinfo.name,id: cinfo.id}}
}

注意
- this.props.hisory.replace(path,state)->跳转的同时传递数据
- this.props.location.state-> 接收数据

发布房源

发布房源（三）01——进入发布房源组件-history.replace() 方法跳转页面-有缓存数据相关推荐

android上方导航条跳转页面,Native Navigation导航组件的使用说明
目前稳定版本为1.0版本, 2.0是开发版, 暂时不要用. 支持单页直接跳转, 直接自带顶部导航栏配置(返回,标题栏和右侧按钮), 支持直接跳转到多Tab页面, 支持隐藏显示Tab页, 支持数字气泡. ...
Vue实现兄弟组件间的方法调用及回调
Vue实现兄弟组件间的方法调用及回调看兄弟间数据传递的看我写的这篇文章:vue实现兄弟组件间的实时通信先说说我遇到的情况: 点击左侧树tree,需要调用右侧houseInfo组件中的新增方法,弹出 ...
UCanCode发布升级版本E-Form++可视化源码组件库2011 第二版！
UCanCode发布升级版本E-Form++可视化源码组件库2011 第二版! --- UCanCode有史以来最强大的版本发布! E-Form++可视化源码组件库企业版本16.01发布!(超过50万 ...
电子表单设计，表单打印，表单填写，数据发布，VC++，VB，源代码组件库
电子表单设计,表单打印,表单填写,数据发布,VC++,VB,源代码组件库 -- 为您提供即刻可以拿来使用的源码级电子表单解决方案! E-Form++可视化组件库企业版本电子表单解决方案在E-Form+ ...
三禧科技工业机器人_redmi note 9 即将发布，三剑齐发！三禧科技
原标题:redmi note 9 即将发布,三剑齐发! 三禧科技 11月20日,Redmi官方宣布 Redmi Note 9系列来了,将于11月26日 "三剑齐发". 官宣文案中提 ...
重磅！2022最新SCI影响因子发布，三大名刊NCS及国内期刊TOP10排名有变化（内附2022年最新影响因子）
北京时间2022年6月28日,Clarivate Analytics官方发布最新年度(2021年)期刊引用报告(JCR),全球期刊影响因子(Impact factor,缩写IF)出炉. 世界公认的三大 ...
HUAWEI P20系列国内发布徕卡三摄+AI开启智慧摄影新时代
4 月 12日,HUAWEI P20系列在上海东方体育中心正式发布.作为华为2018 年度旗舰,HUAWEI P20系列在继承了P系列核心DNA之上,将科技与艺术完美结合,独特的结构色渐镀工艺.先进的 ...
5g消息服务器,三大运营商发布“5G消息” 短消息服务全新升级微信的对手来了...
三大运营商发布"5G消息" 短消息服务全新升级微信的对手来了 2020-04-08 15:45:53 来源:新京报 | 作者:许诺 | 字号:A+ | A- [三大运营商发布 ...
JavaWeb和WebGIS学习笔记（三）——GeoServer 发布shp数据地图
JavaWeb和WebGIS学习笔记(三)--GeoServer 发布shp数据地图系列链接: Java web与web gis学习笔记(一)--Tomcat环境搭建 Java web与web gi ...

发布房源（三）01——进入发布房源组件-history.replace() 方法跳转页面-有缓存数据

发布房源——进入发布房源组件-history.replace() 方法跳转页面-有缓存数据

进入发布房源组件

发布房源（三）01——进入发布房源组件-history.replace() 方法跳转页面-有缓存数据相关推荐

最新文章

热门文章