Есть ли способ получить "this.lastID" из обратного вызова sqlite.run (), используя es6 и реагировать на классы

Question

Я хотел бы получить "последний идентификатор вставки" из обратного вызова функции sqlite.run('INSERT INTO table...', {}, callback).В документах говорится, что можно использовать this.lastID внутри функции обратного вызова.

В моем проекте я использую реагировать и node.js (электрон) с классами es6.Таким образом, моя функция обратного вызова является функцией стрелки, которая (согласно документам из mdn) не получает свой собственный this, она использует this окружающего кода (в данном случае мой класс реагирования):

this.db.run(
    'INSERT INTO table...',
    {},
    (error) => {
        // check error
        if(error !== null) {
            this.props.addNotification({
                open: true,
                variant: 'error',
                message: error.message,
                autoClose: null,
            });
        } else {
            this.props.route.history.push('/...');
            this.props.closeForm();
        }
    }
);

Я попытался перейти к классическому объявлению функции обратного вызова, со следующим результатом:

function(error) {
    ...
    console.log(this.lastID); // is available
    this.props.route.history.push('...'); // cannot access property route of undefined
}

Оба поведения понятны, но есть ли способ получить оба this.lastID из функции обратного вызоваи доступ к this.props или this.state из класса реакции?

Answer 1

Вы можете сделать следующее:

// above function
const self= this;
// inside function
function(error) {
  this.lastId;
  self.props.history;
  self.state;
}

Answer 2

Очевидно, что у вас не может быть двух разных значений this.

Самое простое решение - захватить внешний контекст в замыкании

const component = this

this.db.run(
    'INSERT INTO table...',
    {},
    function (error) {
        console.log(this.lastId) // is available
        // check error
        if(error !== null) {
            component.props.addNotification({
                open: true,
                variant: 'error',
                message: error.message,
                autoClose: null,
            });
        } else {
            component.props.route.history.push('/...');
            component.props.closeForm();
        }
    }
);

или вы можете создать временную переменную.обычная функция, которая будет передавать this.lastId вашему обратному вызову в качестве второго аргумента

this.db.run(
    'INSERT INTO table...',
    {},
    (cb => function(){return cb(error, this.lastId)})((error, lastId) => {
        console.log(lastId) // is available
        // check error
        if(error !== null) {
            this.props.addNotification({
                open: true,
                variant: 'error',
                message: error.message,
                autoClose: null,
            });
        } else {
            this.props.route.history.push('/...');
            this.props.closeForm();
        }
    })
)