reactjs - react-hook-form Controller onBlur 回调不触发验证

Question

想要在用户 onBlurs 时修剪输入字段。

    <Controller 
    ...
    onBlur={([e]) => {
    const { value } = e.target;
    const trimmedValue = value.trim();
    console.log('trim here: ', value, value.length, trimmedValue.length);
    if (trimmedValue === '') {
    console.log('error!!!');
    return trimmedValue;
    }
    return trimmedValue;
    }} />

规则:

rules={{
 pattern: {
 value: new RegExp(firstName.validationString, 'i'),
message: 'First name must be 2 - 100 characters with no numbers.',
},
required: firstName.mandatory && 'Must fill in first name',
}}

该函数被触发并到达 if 语句。但即使我按要求设置了规则，也不会触发错误。

Answer 1

在您的寄存器或 Controller 中使用它

validate: (value) => { return !!value.trim()}

看看这里: https://github.com/react-hook-form/react-hook-form/issues/1650