类型错误:props.history.listen不是函数.我正在使用ReactJS

Question

为什么会出现这种情况？我正在使用ReacJS，我看不出有什么问题。

我的历史记录.js:

import { createBrowserHistory } from 'history'
export default createBrowserHistory

我的应用程序js:

import React from 'react'
import { Router } from 'react-router-dom'
import Routes from './routes'
import history from './history'
import './styles/global.scss'
function App() {
return (
<div className="App">
<Router history={history}>
<Routes/>
</Router>
</div>
);
}
export default App;

Answer 1

您需要调用createBrowserHistory，然后将其导出。请尝试将行更改为：

export default createBrowserHistory();

Answer 2

这是导入路由器组件的正确方法，路由器组件是以历史为道具的根路由器组件。

import { BrowserRouter as Router } from "react-router-dom";

正如Sajib Khan所说，您也应该调用createBrowserHistory，然后将其用作历史道具。