react 路由跳转问题

摘要:
1.采用Link方法跳转不要用link,回不来,也不能next2.用context控制路由跳转:通过添加一个点击事件:绑定一个函数usb(event){constpath='/Index2';this.context.router.push({pathname:path});}然后在export之前添加以下代码,此处必须Content_ship.c

1.采用Link方法跳转

<Link to="/Index2" >

不要用link,回不来,也不能next

</Link>

2.用context控制路由跳转:

通过添加一个点击事件:绑定一个函数

usb(event){
const path='/Index2';
this.context.router.push(
{
pathname:path
});
}

然后在export之前添加以下代码,此处必须
Content_ship.contextTypes={
router:React.PropTypes.object
}

Content_ship为必须,Content_ship为当前页面封装的组件

usb(event){
const path='/Index2';
this.context.router.push(
{
pathname:path
});
}

免责声明:文章转载自《react 路由跳转问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇GIT 保存日志并建立自己的分支广告嵌套document.write的非iframe方式的延迟加载无解嘛下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

react hook+antd实现点击发送验证码功能

要实现的效果如图,点击发送验证码,文字变为60秒后重新发送,并且开始倒计时 这是写成一个组件格式component -> eidtPass.tsx import React, { useState } from 'react'import { Modal, Form, Input, notification } from 'antd'import...

Reactjs相比较原生方案是绝对的快吗?哪些情况下React有优势

作者:尤雨溪链接:http://www.zhihu.com/question/31809713/answer/53544875来源:知乎著作权归作者所有,转载请联系作者获得授权。   1. 原生 DOM 操作 vs. 通过框架封装操作。这是一个性能 vs. 可维护性的取舍。框架的意义在于为你掩盖底层的 DOM 操作,让你用更声明式的方式来描述你的目的,从...

electron 不支持Ctrl+滚动条放大缩小,自己动手做了一个react组件

前言:功能是不难的,看过代码之后,肯定能理解,肯定。重点说明,这仅仅是为了electron打包做的需求,一般是不会有这样的需求,因为浏览器都带有这样的功能!!!说三遍!!说三遍!!说三遍!! ScrollBox.tsx import React, { useEffect, useRef, useState } from 'react' import { B...

react使用echarts地图实现中国地图大区展示

   日常项目中经常会用到百度地图或者echarts图标展示,今天给大家展示的是如何在react开发项目中使用百度echars的地图展示,把中国地图分为东北大区、华东大区、华南大区、华西大区、华中大区以及华北大区并用颜色标识方便识别。     最终展示效果如下:    我是直接用的react官方提供的create-react-app快速构建开发环境,之后就...

前端调用路由导出数据方法记录

1.登录接口调用之后赋值token this.$cookie.set('token',data.token) 2.this.$http.BASE_URL:配置的全局基础路由 封装ajax的页面: //跨域请求,允许保存cookie axios.defaults.withCredentials=true axios.defaults.headers...

vuejs导航条动态切换active状态

用一个数组存导航条,用v-for循环它,这样可以减少代码,二可以使用它的下标来判断高亮,三还可以获取后端的导航信息来遍历 重点是在:routerLink(index, path)函数,传入当前点击的下标,自定义一个下标,判断是否相等就用三元符号判断多给一个高亮样式 如何解决刷新就不高亮或第一个高亮了,很简单,监听一下当前路由在判断就好了 具体代码都在下...