Как побороть ошибку Uncaught TypeError: Cannot read property 'validateData' of undefined?

Question

[Сергей Мельников]

Эта ошибка возникает в коде:

class Index extends React.Component {
    constructor (props, context) {
        super(props, context);
        this.state = {isHidden: true};
        this.validateData = this.validateData.bind(this);

    validateData (){

    };

    sendData() {
        //Валидация
        this.validateData();
      
    }

Answer 1

[yanis_kondakov]

Вам нужно передать контекст для метода sendData. Один из вариантов в конструкторе написать:

this.sendData = this.sendData.bind(this);

Comments

[Сергей Мельников]

Спасибо заработало! То есть получается нужно прописывать по всем методам класса, контексты вида
this.sendData = this.sendData.bind(this); ?

[yanis_kondakov]

Сергей Мельников, Не по всем. Например, я на 99% уверен, что для validateData вам биндинг не нужен.

Обратите еще внимание, что есть новый вариант синтаксиса:

class Index extends React.Component {
    state = {
        isHidden: true,
    };

    validateData (){

    };

    sendData = () => {
        //Валидация
        this.validateData();
    }

При использовании () => {} делать бинд в конструкторе не нужно

[Сергей Мельников]

Ок, благодарю за помощь.