reactjs - 获取 react-router v4 中 pathHistory 的当前索引

Question

这是我的props.history.pathHistory好像:



假设用户玩 history.goBack()和 history.goForward()react-router里面有没有内置方法如果pathHistory 知道当前索引大批？
如果没有，请提供解决方案。

目标这里是为了防止用户使用 back 返回登录页面。

Answer 1

您可以访问 history.index所以你可以这样做:

history.index > 1 && <BackButton />

如果是 MemoryRouter，canGo实现:

history.canGo(-1) && <BackButton />

请注意，Typescript 不会识别其中任何一个。