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

Question

你好我正在尝试使用

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

在我使用 type script 的类组件中。 但是，它给了我一个错误，即“横幅”类型上不存在属性“历史”。 TS2339

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

如何在类组件中做同样的事情？

Answer 1

钩子并非设计用于基于类的组件。

但是，react-router 有其他方法来支持基于类的组件，例如 withRouter higher order component。

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