如何在类组件类型脚本中使用useHistory()钩子

Question

你好，我正在尝试使用

this.history.push({
pathname: `/search-results`,
search: `${job}$${location}`
}) 

在我的类组件中，它正在使用类型脚本。然而，它给了我一个错误，属性"history"在类型"Banner"上不存在。TS2339

我可以看到其他功能组件的例子，你可以从钩子中做const history = useHistory();和使用history.push。

如何在类组件中执行相同的操作？

Answer 1

钩子的设计不适用于基于类的组件。

然而，react路由器有其他方法来支持基于类的组件，例如withRouter高阶组件。

也就是说，如果可以的话，使用功能组件和钩子。它们是未来的React标准。