javascript - 属性(property)历史不存在

Question

我正在尝试使用 React 和 TypeScript 启动一个新项目，我坚持的一件事是 Router，出于某种原因 TypeScript 不承认 history 属性，尽管它应该可用 according to the documentation .

我的组件

import * as React from 'react'
import * as ReactDom from 'react-dom'
import { Provider } from 'react-redux'
import { BrowserRouter as Router} from 'react-router-dom';
import createBrowserHistory from 'history/createBrowserHistory'

let history = createBrowserHistory();

ReactDom.render(
    <Provider>
        <Router history={history} > {/* Error is in this line */}
            <div />
        </Router>
    </Provider>,
    document.getElementById('app')
);

错误信息:

Error:(11, 11) TS2339:Property 'history' does not exist on type 'IntrinsicAttributes 
& IntrinsicClassAttributes<BrowserRouter> & Readonly<{ children?: ReactNode; ...'.

我怎样才能让它发挥作用？

Answer 1

如果你正在使用 react-router-v4

您不能将历史传递给 <BrowserRouter> , 因为它创建了自己的历史对象

如果您要创建自己的历史记录对象，请使用 <Router>而不是 <BrowserRouter>然后传递历史对象

import { Router } from 'react-router-dom'
<Router history={history}> <Router/>

您可以在 react-router-v4 中阅读更多关于历史的信息