博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react-router 4.3 js实现跳转
阅读量:6817 次
发布时间:2019-06-26

本文共 1753 字,大约阅读时间需要 5 分钟。

import React, {Component} from 'react';import { NavLink,Link } from "react-router-dom";import './index.less';import PropTypes from 'prop-types'; //这里是重点import logo from '../../images/hyzklogo.png';import logoName from '../../images/logo_name.png';export default class Header extends Component {    static contextTypes = {   //这里是重点        router: PropTypes.object.isRequired,    }    constructor(props) {        super(props);        this.state = {            keyword:""        };        this.handleToSearch=this.handleToSearch.bind(this);        this.handleChange=this.handleChange.bind(this);    }    handleChange(event) {        this.setState({keyword: event.target.value});    }    handleToSearch() {       this.context.router.history.push(`/news_list/search/${this.state.keyword}`)  //这里是重点,实现跳转    }    render() {        return (               
智库logo
智库
  • 首页
  • 智库概况
  • 专家团队
); }}

 

转载于:https://www.cnblogs.com/beileixinqing/p/9396415.html

你可能感兴趣的文章
在8086中,[ idata],[bx]表示内存单元时。可能是一个字节,也可能是一个字。
查看>>
【MPI】并行奇偶交换排序
查看>>
并发编程之线程
查看>>
python开发部署时新增数据库中表的方法
查看>>
参加2018之江杯全球人工智能大赛 :视频识别&问答(四)
查看>>
阿里云跨地域访问私网
查看>>
通过angularJS官方案例快速入门
查看>>
Introduction of OpenCascade Foundation Classes
查看>>
Surface Normal Vector in OpenCascade
查看>>
Educational Codeforces Round 38 (Rated for Div. 2)
查看>>
内部类初识
查看>>
【python3的学习之路一】输入和输出
查看>>
在Eclipse中生成接口的JUnit测试类
查看>>
Oracle SQL常用内置系统函数总结
查看>>
[POJ] #1005# I Think I Need a Houseboat : 浮点数运算
查看>>
西湖论剑WP
查看>>
数组Array,集合List与字符串String,整形int的get类方法。
查看>>
【转】浏览器内核
查看>>
面试题:查找旋转数组中的某一元素
查看>>
uva12298(生成函数)
查看>>