React- this.props.history.push('pathname') 不起作用？

Question

我目前正在编写一个小型 CRUD 应用程序。 对于我的前端，我使用的是 React v6。 在我的代码中，我有一个实体列表，在上面我会有一个按钮，可以将我带到一个表单，让我在表中添加一个新条目。 但是，即使我路由了不同的 URL，在单击按钮后，我还是收到一条错误消息：无法读取未定义的属性（读取“推送”）

有问题的代码行是：

addContractor() {
        this.props.history.push("/add-contractor");
    }

在我的 App.js 文件中，我也有适当的路由：

<Route path="/add-contractor" element = {<CreateContractorComponent/>}/>

我不确定为什么会发生这种情况，我想要一些见解和解释，因为我对前端开发非常陌生。

谢谢。

Answer 1

我想这个问题是嵌套组件，尽量嵌套Switch没有与它包裹BrowserRouter在App.js文件。

如果它不起作用也尝试这个替代方案，可能是文档中发生了一些变化。 导入useNavigate而不是useHistory并通过此博客作为参考 - https://reacttraining.com/blog/react-router-v6-pre/