React中的跳转

1.在react中用组件本身跳转直接:

  this.props.history.push('wait/detail',{pmdata:ss,state:state})

  组件接收参数:

  console.log("接参",this.props.history.location.state.pmdata)

  如果方法写在子组件中,父组件需要传递一个方法,不然会报错push is not a function

<Historys  history ={this.props.history}/>

2.跳转到制定某个网址(如a链接跳转)

    window.open(`${option.api.downloadFile}?id=${record.fileId}`)}  企业微信不支持window.open跳转

3.js实现页面跳转,location.href和location.replace和location.reload的区别

转自(https://www.cnblogs.com/lina6251125/p/6392299.html

  • reload 方法,该方法强迫浏览器刷新当前页面。

    语法: location.reload([bForceGet])                                                                                                                          

    参数: bForceGet,可选参数,默认为false,从客户端缓存里取当前页。如果设置为true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。

    语法: location.replace(URL)                                                                                                     

    参数: URL

    在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面,所以页面的method="post"的时候,会出现“网页过期”的提示。那是因为Session的安全保护机制。

可以想到:当调用 location.reload() 方法的时候,页面此时在服务端内存里已经存在, 因此必定是IsPostback 的。

    如果有这种应用:我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建,我们期望是 Not IsPostback 的。这事,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。可以这么写:location.replace(location.href)

而重定向则用herf 和replace 

1、location.href='http://www.xxx.com/';

2、location.replace('http://www.xxx.com/');

两者的不同之处是前者会在浏览器的历史浏览记录(history对象中增加一条新的记录,而后者则是相当于用replace中的url代替了现有的页面url,并把history中的url也替换为重定向后的url。

猜你喜欢

转载自blog.csdn.net/qq_28353055/article/details/81671118