如何在反应中更改历史object的state？

Question

我试图修改当前历史记录 object 的条目，而不是创建一个新条目，但我收到了这个错误

history.replace 不是 function

错误截图

//My attempts were:

import { Switch, Route, Redirect } from 'react-router-dom';


   history.replaceState( position );

   history.replace( null, position );

我正在使用 react-router-dom 的 ^16.13.1" 版本。

Answer 1

react-router使用history package，所以你必须导入它。

import { createBrowserHistory } from 'history';
const history = createBrowserHistory();
const position = '/logged-in';
history.replace(position);

使用 vanilla Javascript，如果您只想更新 URL 而不重新加载任何组件，您可以使用window.history.replaceState({}, title, position)