react-native-form-validator icon indicating copy to clipboard operation
react-native-form-validator copied to clipboard

TypeError: Cannot read property 'deviceLocale' of undefined

Open parveen-chhillar opened this issue 6 years ago • 4 comments

parveen-chhillar avatar Jul 04 '18 10:07 parveen-chhillar

in your component use this.messages = { ptBR : { numbers: 'O campo "{0}" precisar conter um número válido', email: 'O campo "{0}" precisa conter um email válido.', required: 'O campo "{0}" é obrigatório.', date: 'O campo "{0}" precisa conter uma data válida ({1}).', minlength: 'O campo "{0}" precisa ser maior que {1} caracteres', maxlength: 'O campo "{0}" precisa ser menor que {1} caracteres.' } } put your language

breitembach avatar Jul 23 '18 18:07 breitembach

For me it worked when I used it like this:

constructor() { 

    this.deviceLocale = "ptBR";

    this.messages = {
      ptBR: {
        numbers: 'O campo "{0}" precisar conter um número válido',
        email: 'O campo "{0}" precisa conter um email válido.',
        required: 'O campo "{0}" é obrigatório.',
        date: 'O campo "{0}" precisa conter uma data válida ({1}).',
        minlength: 'O campo "{0}" precisa ser maior que {1} caracteres',
        maxlength: 'O campo "{0}" precisa ser menor que {1} caracteres.'
      }
    };

vocampos avatar Feb 28 '19 03:02 vocampos

Error: "Cannot read property 'deviceLocale' of undefined" in TypeError: Cannot read property 'deviceLocale' of undefined << at new n (react-native-form-validator.js:3:258483)

Neither adding

import ValidationComponent from 'react-native-form-validator';
export default class MyComponent extends ValidationComponent {
  deviceLocale = "ptBR";
  messages = {
      ptBR: {
        numbers: 'O campo "{0}" precisar conter um número válido',
        email: 'O campo "{0}" precisa conter um email válido.',
        required: 'O campo "{0}" é obrigatório.',
        date: 'O campo "{0}" precisa conter uma data válida ({1}).',
        minlength: 'O campo "{0}" precisa ser maior que {1} caracteres',
        maxlength: 'O campo "{0}" precisa ser menor que {1} caracteres.'
      }
    };
  constructor() {

nor

import ValidationComponent from 'react-native-form-validator';
export default class MyComponent extends ValidationComponent {
  constructor() {
    this.deviceLocale = "ptBR";
    this.messages = {
        ptBR: {
          numbers: 'O campo "{0}" precisar conter um número válido',
          email: 'O campo "{0}" precisa conter um email válido.',
          required: 'O campo "{0}" é obrigatório.',
          date: 'O campo "{0}" precisa conter uma data válida ({1}).',
          minlength: 'O campo "{0}" precisa ser maior que {1} caracteres',
          maxlength: 'O campo "{0}" precisa ser menor que {1} caracteres.'
        }
      };

resolved this issue. Any other suggestions?

asdf23 avatar Nov 12 '20 18:11 asdf23

This moves past that immediate issue and crashes on the next thing:

export default class MyComponent extends ValidationComponent {
  constructor() {
    super({
      deviceLocale: "en"
    });

asdf23 avatar Nov 12 '20 20:11 asdf23