栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Uncaught TypeError:无法读取未定义的属性“ push”(React-Router-Dom)

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Uncaught TypeError:无法读取未定义的属性“ push”(React-Router-Dom)

为了

history
App
组件中使用,请与配合使用
withRouter
withRouter
仅当您的组件未收到时,才需要使用
Routerprops

如果您的组件是 由路由器渲染的 组件的 嵌套子代, 或者 您尚未将路由器道具传递给它, 或者 该组件根本未链接到路由器
,并且作为独立于 该组件 的组件呈现,则 可能会发生这种情况路线。

import React from 'react';import { Route , withRouter} from 'react-router-dom';import Dashboard from './Dashboard';import Bldgs from './Bldgs';var selectedTab;class App extends React.Component {  constructor(props) {    super(props);    this.handleClick = this.handleClick.bind(this);    selectedTab = 0;  }  handleClick(value) {    selectedTab = value;    // console.log(selectedTab);    this.props.history.push('/Bldgs');    // console.log(this.props);  }  render() {    var _this = this;    return (      <div>        <Route exact path="/" render={(props) => <Dashboard {...props} handleClick={_this.handleClick} />} />        <Route path="/Bldgs" component={Bldgs} curTab={selectedTab} />      </div>    );  }}export default withRouter(App);

文档
上withRouter



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/608793.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号