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

Question

您好，我正在尝试使用

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

在我使用 type script 的类组件中。
然而，它给了我一个错误，即“横幅”类型上不存在属性“历史”。 TS2339
我可以看到其他功能组件的例子，你可以做 const history = useHistory();并从钩子(Hook)中使用 history.push 。
如何在类组件中做同样的事情？

Answer 1

Hooks 并非设计为与基于类的组件一起使用。
但是，react-router 有其他方法来支持基于类的组件，例如 withRouter higher order component .
也就是说，如果可以，请使用功能组件和钩子(Hook)。它们是 future 的 React 标准。