个人中心
gpt4 book ai didi

reactjs - 无法为 react 使用历史读取未定义的属性 'push'

转载 作者：行者123 更新时间：2023-12-05 08:20:01 27 4
gpt4 key购买 nike

<分区>

我是 React 的新手，第一次尝试通过将它推送到历史记录来实现到新页面的导航，但我遇到了这个错误 Cannot read property 'push' undefined for react 使用历史 现在几个小时了，我想我需要一些帮助或指导。

这是我的小型 mvp 组件(我使用的是 Hooks):

import React, {useEffect, useState} from 'react';
import {BrowserRouter as Router, Route, Switch, useHistory} from "react-router-dom";
import Report from "./components/Report";

function App() {

let history = useHistory();

function handleClick() {
    history.push("/report");
}

return (
    <Router>
        <Route path="/report" component={Report}/>
        <div>
            <button onClick={handleClick}>Click me</button>
        </div>

    </Router>
);
}

export default App

和

import React from "react";
import {withRouter} from "react-router-dom";

const Report = () => {

return (
    <div>Hello from report</div>
);

}

export default withRouter(Report)

非常感谢。

更新

codesandbox.io/s/crazy-hill-1i6gb
我已经在上面的链接中添加了我的完整代码。 url 现在更改并且不再根据 @Abir answer 出现未定义的错误但 click me 按钮仍然显示，而不是 Report 组件的文本。

27 4 0
文章推荐： python - 有什么方法可以在 python 中使用 scikit-learn 预测每月的时间序列？
文章推荐： html - HTML 标题是否有长度限制？ (h1, h2 等)
文章推荐： typescript - 如何在 Typescript 4 中编写 curry 和 compose？
文章推荐： python - 数据框 : Cell Level: Convert Comma Separated String to List
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com