首页this.props.history.push无效

this.props.history.push无效

时间: 2023-04-27 16:02:52 浏览: 396

解决ant Design中this.props.form.validateFields未执行的问题

在使用ant Designd的 form 组件时发现点击提交方法中 this.props.form.validateFields((err, values) => {}) 部分未执行，也没有报错。原因：我使用了自定义校验 validator ，在自定义校验方法中有个错误，使用了未定义的变量。注意： 1、使用validator 时，注意自定义方法中是否有错误；对于如何解决没有错误提示，官网提示：可以选择通过 async 返回一个 promise 或者使用 try…catch进行错误捕获，具体查看官网form组件； 2、使用validator 时，自定义方法中 callback 必须被调用。

可能是以下原因导致： 1. 没有在组件中使用 `withRouter` 高阶组件包装，导致 `this.props.history` 不存在。 2. 在函数组件中使用 `this.props.history.push`，应该使用 `useHistory` hook。 3. 在 `BrowserRouter` 组件外部使用 `this.props.history.push`，应该使用 `BrowserRouter` 包装整个应用程序。 4. `this.props.history.push` 的路径不正确，应该检查路径是否正确。希望以上信息能够帮助您解决问题。

阅读全文