При помощи redux-form
делаю форму. Соответственно, примерно так выглядит форма:
<form onSubmit={handleSubmit}>
<Field name={name} component={component} validate={validators}/>
</form>
Ещё в отдельном файле у меня есть валидаторы:
export const required = value => value ? undefined : 'Это полe обязательное';
export const nonMatchPipe = answer => answer.match('\\|') ? 'Ответ не должен содержать символ |' : undefined;
А теперь возникает интересный феномен. Вот такой набор валидаторов работает нормально:
<Field name={name} component={component} validate={[required, nonMatchPipe]}/>
И если оставить валидатор required
, то всё тоже нормально:
<Field name={name} component={component} validate={[required]}/>
Но если я оставляю только валидатор nonMatchPipe
, то возникает ошибка
TypeError: Cannot read property 'match' of undefined`.
Почему возникает ошибка? Как её решить?
answer
в функцииnonMatchPipe
не успевает с инициализацией что и говоритundefined
. Можно конечно еще так попробовать -export const nonMatchPipe = answer => { if(answer) { return answer.match('\\|') ? 'Ответ не должен содержать символ |' : undefined;
}