RN 폼검증 모듈중 yup의 한국어 설정값을 손수 번역해서 올립니다.
import {Formik} from 'formik';
import * as yup from 'yup';
yup.setLocale({
mixed: {
default: '사용할수 없는 값입니다.',
required: '필수입력입니다.',
oneOf: '다음 값 중 하나여야 합니다.: ${values}',
notOneOf: '다음 값 중 하나가 아니어야 합니다.: ${values}',
notType: function notType(_ref) {
var path = _ref.path,
type = _ref.type,
value = _ref.value,
originalValue = _ref.originalValue;
var isCast = originalValue != null && originalValue !== value;
if (type == 'number') {
var msg = ' 숫자만 입력해주세요.';
} else if (type == 'date') {
var msg = ' 날짜 형식으로 입력해주세요.';
} else {
var msg = path + ' 항목은 `' + type + '` 형식으로 입력해주세요.';
}
// if (value === null) {
// msg +=
// '\n If "null" is intended as an empty value be sure to mark the schema as `.nullable()`';
// }
return msg;
},
defined: '정의되지 않았습니다.',
},
string: {
length: '${length}자로 입력해주세요.',
min: '${min}자 이상 입력바랍니다.',
max: '${max}자 까지 입력됩니다.',
email: '이메일 형식이 아닙니다.',
},
});
//사용예시:
<Formik validationSchema={yup.object().shape({
mt_height: yup.number().required(),
})>
...
</Formik>
참조: https://medium.com/fotontech/react-native-formik-yup-%EF%B8%8F-18465e020ea0
'웹프로그래밍 > React Native' 카테고리의 다른 글
[react-native] ios 에서 textinput 한글분리 자모음 분리 문제해결 (0) | 2022.03.03 |
---|---|
react-native-admob 어린이용 타켓팅 (0) | 2021.09.01 |
안드로이드 다크모드 해제/라이트모드 고정 (react-native android force light mode) (2) | 2021.08.31 |
RN iOS gif이미지 반복횟수 오류 (0) | 2021.01.15 |
RN 딥링크 (0) | 2021.01.15 |