小编Pet*_*Fru的帖子

如何useHistory()正确使用？我无法从一个反应组件过渡到另一个反应组件。根据 React 文档以及 Stack Overflow 上的说明，我无法从 App.js 转换到 MyComponent.js。

例如 - 我正在尝试

/* **App.js ** */
/* Import modules */
import React from 'react';
import { useHistory } from 'react-router-dom'; // version 5.2.0

function App()
{
    let history = useHistory ();
    const handleClick = () => {
       history.push ('./pages/MyComponent');
    }    

    return (
       <div className="App">
          <button onClick={handleClick}>Next page ==></button>
       </div>
    );
}

我也测试了这个示例，但是按下按钮时输出会引发以下错误：

类型错误：无法读取未定义的属性“push”

是不是有什么东西泄露给了我，或者 Babel 这边有什么错误？

项目反应结构：

+ Root/
    + src/
        - App.js
        - index.js
        + pages/
            - …