如何在返回响应之前等待数据库完成查询？

Question

我正在制作一个与本地数据库密切合作的 React 和 Electron 应用程序。我有 2 个表，“已阻止”和“未阻止”，此应用程序的目标是通过单击按钮将一行数据从一个表移动到另一个表。大多数事情似乎都运行良好，但我无法使用 redux 数据异步更新我的表。这是我必须获取数据的函数：

var fetchDBData = (tablename) => {
  var db = new sqlite3.Database('processlist.db');
  var queries = [];
  db.each("SELECT * FROM " + tablename, function(err, row) {
    queries.push(row);
  });

  db.close();
  return queries;
};

我有 2 个更新 redux 的操作：

export function updateBlockedFiles(blacklist_queries) {
  console.log(blacklist_queries);
  return {
    type: UPDATE_BLOCKED_FILES,
    payload: blacklist_queries
  }
};

export function updateWhitelistedFiles(whitelist_queries) {
    console.log(whitelist_queries);
    return {
        type: UPDATE_WHITELISTED_FILES,
        payload: whitelist_queries
    }
};

我在组件中的调用如下所示：

unblockProcess(id) {
    window.transferRowFromTable('blacklistdb', 'whitelistdb', id);
    var blacklist_queries = window.fetchDBData('blacklistdb');
    var whitelist_queries = window.fetchDBData('whitelistdb');
    this.props.updateBlockedFiles(blacklist_queries);
    this.props.updateWhitelistedFiles(whitelist_queries);
};

我发现的问题主要发生在 fetchDBData() 中。当我调用 this.props.updateBlockedFiles() 时，它会返回一个空的查询数组而不是填充的数组。我认为这可能是一个异步问题，但我不确定如何解决它。我已经看到了使用 Promise 的想法，但我不知道如何将它与 React 集成。任何帮助都会有所帮助！

Answer 1

我正在做类似的事情......让我画出这个概念，看看它是否有意义。

在将您的 IPC 请求发送到主进程以运行 SQL 之前，在您的渲染器进程中创建一个 IPC 侦听器以在 SQL 查询完成时充当回调。可以构造此回调来处理 SQLite 查询的数据输出。下面的粗略示例：

渲染进程：

var ipcRenderer = require('electron').ipcRenderer    

function handleDBResponse(event, data){
   // Do something with the data
}

ipcRenderer.on('dbResponse', handleDBResponse)

ipcRenderer.send('dbQuery', "some_table_name")

主进程：

var ipcMain = require('electron').ipcMain

function doDBQuery(event, tablename){
    // Perform your DB query via SQLite

    var db = new sqlite3.Database('processlist.db');
    var queries = [];
    db.each("SELECT * FROM " + tablename, function(err, row) {
      queries.push(row);
    });

    db.close();
    // Send queries back to callback handler
    event.sender.send('dbResponse', queries)
}

ipcMain.on('dbQuery', doDBQuery)

这都是通过 Electron 的 IPC 方法在主进程和渲染器进程之间进行通信的。更多细节可以在这里研究：https://github.com/electron/electron/blob/master/docs/api/ipc-main.md