为什么语句在数据库事务之前执行？

Question

在下面的代码中，我想在我的代码中完成所有数据库事务后设置 state 域，请任何人告诉我完美地完成该操作。

我调用下面的方法来设置新的域数组

setFavorites() {
    var arr = this.state.domains.map((item, index) => {
        new Promise((resolve, reject) => {
            db.transaction((tx) => {
                try {
                    tx.executeSql(
                        'SELECT * FROM table_favorites WHERE id=' + item.product_id, [],
                        (tx, results) => {
                            var len = results.rows.length;
                            if (len > 0) { item.isFavorite = true } else { item.isFavorite = false }
                        }
                    );
                    resolve()
                } catch (error) {
                    reject(error)
                }
            });
        })
        return { ...item }
    })
    this.setState({ domains: arr })
}

Answer 1

我建议使用 Promise.all() 并在里面使用。然后使用 setState()

就像是：
编辑：this.state.domains 是 object 的数组，因此不应直接更新

setFavorites() {
  Promise.all(
      this.state.domains.map(item => {
          return new Promise((resolve, reject) => {
              db.transaction((tx) => {
                  try {
                      tx.executeSql(
                          'SELECT * FROM table_favorites WHERE id=' + item.product_id, [],
                          (tx, results) => {
                              var len = results.rows.length;
                              if (len > 0) {
                                resolve({...item, isFavorite = true})
                              }
                              else {
                                resolve({...item, isFavorite = false})
                              }
                          }
                      );
                      
                  } catch (error) {
                      reject(error)
                  }
              });
          })
      })
  )
  .then(arr => this.setState({ domains: arr })) 
}