在 react-router 中使用 history.goBack() 键入问题

【问题标题】：Type issues with using history.goBack() with react-router在 react-router 中使用 history.goBack() 键入问题
【发布时间】：2019-04-30 10:20:59
【问题描述】：

我遇到了一个问题，我无法将函数作为路径传递给 react-router { Link } 组件。

基本上，我想为用户提供“返回”页面的选择，并希望使用 history.goBack() 方法来执行此操作，但是当我这样做时，TypeScript 会抛出一个错误，说：

“类型 'void' 不可分配给类型 'LocationDescriptor'。”

任何帮助表示赞赏。

<Link to={history.goBack()}>go back</Link>

【问题讨论】：

标签： typescript react-router

【解决方案1】：

history.goBack() 是一个将您重定向到上次访问页面的函数，存储在历史 API 中。

<Link/> 的 to 属性绑定到它应该重定向到的 URL (LocationDescriptor)。因此，它不接受 void 类型。

您可以做的是改用onClick 事件来调用该方法：

<Link onClick={() => history.goBack()}>go back</Link>

【讨论】：