接上篇：

問(wèn)題：

如果使用 this.props.history.push('/searchs') ，它是有問(wèn)題的，導(dǎo)致不能跳轉(zhuǎn)，因?yàn)闆](méi)有props，需要使用withRouter為這個(gè)對(duì)象添加history這個(gè)對(duì)象方可使用

這個(gè)問(wèn)題的解決方案就是：

/* * 創(chuàng)建時(shí)間： 2019-09-19 14:42 * 作者：南宮伯賞 * 功能： 針對(duì)搜索功能的NavBar * */ import * as React from 'react'; import './searchNavBar.scss'; import { withRouter } from 'react-router-dom';class SearchNavBar extends React.Component<any, any>{constructor(props: any) {super(props)this.state = {searchValue: ''}}public render() {return (<div className='navbar'><div className='navbar-box'><div className='navbar-box-first'><div className='navbar-left'><div className='icon-back'><span onClick={this.goBacks} className="back iconfont icon-fanhui5"></span></div></div><div className='navbar-center'><div className='navbar-input'><div className='search-first'><span onClick={this.search} className="search-icon iconfont icon-sousuo5"></span></div><div className='search-second'><input onChange={(e) => this.setValue(e)} value={this.state.searchValue} className='input' type="input" placeholder='大閘蟹'/></div><div className='icon-delete'><div className='delete'><span onClick={this.deleteValue} className='deleted iconfont icon-chuyidong'></span></div></div></div></div><div className='navbar-right'><div className='icon-shares'><p className='search' onClick={this.search}>搜索</p>{/*<span className='share iconfont icon-fenxiang11'></span>*/}</div></div></div></div><div className='pt44'></div></div>);}public goBacks = () => { // 使用時(shí)候注意thisthis.props.history.goBack()}public search = () => {alert('搜索內(nèi)容為空')}public deleteValue = () => { // 清空輸入框內(nèi)容this.setState(() => ({searchValue: ''}))}public setValue (e:any) { //const value = e.target.valuethis.setState(() => ({searchValue: value}))} }export default withRouter(SearchNavBar)我們?cè)谑褂胻his.props.hostory.push的時(shí)候，其實(shí)是沒(méi)有history這個(gè)對(duì)象的,需要在使用withRouter這個(gè)包裹之后，方能使用
那withRouter其實(shí)就是為對(duì)象添加一下這幾個(gè)對(duì)象的：
history: H.History;
location: H.Location<S>;
match: match<Params>;
staticContext?: C;
詳細(xì)情況可以看源碼了解，以上源代碼的問(wèn)題和解決方式都在React-TS項(xiàng)目源碼
項(xiàng)目github地址： https://github.com/focusdroid/meiriyouxian_react_ts

總結(jié)

以上是生活随笔為你收集整理的react使用link跳转传递参数_React-Typescript之路由跳转（使用this.props.history.push)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。