我有一个从API加载数据的表单。如果在api调用中出现一些错误,我正在尝试手动设置错误。
// This is the input that I'm trying to set the error message
<Field
name="username"
component={CustomCombobox}
/>
这里我试图在catch块中设置错误。
try {
const { data } = await UserService.getUser();
} catch (e) {
// here I'm trying to set an error to "username" field
stopSubmit('myFormName', { username: 'Something wrong happened.' })
}
但这是问题所在。我没有提交表单,所以stopSubmit不起作用。我只是从API接收数据来填充选项,如果发生了一些错误,我想手动设置错误。
答案 0 :(得分:-1)
This website has some examples on form validation 如果您在提交表单之前尝试对用户名进行检查,则可以对字段的值运行API调用,然后在函数失败时显示错误。
也许这不是你要找的东西/我误解了