Estoy usando react native expo para cargar los datos de inicio e insertarlos en la base de datos. Pero parece que la secuencia no es mis expectativas.
y debajo está mi función de inicio
import { getData } from './GetData' const db = SQLite.openDatabase('db.db') // returns Database object const initDB = async (res: any) => { await db.transaction(async tx => { await tx.executeSql(`create table if not exists table ( id integer primary key AUTOINCREMENT not null, ...... // create db query )`, [], () => { console.log("created table") }) await tx.executeSql(insertQuery , res.list, () => { console.log(`inserted data success`) }, (_, err): boolean | any => { console.log(`err: ${err}`) } ) }) } export const initLoading = async () => { const res = await getData() // get data from API await initDB(res) } await new Promise(async resolve => { await initLoading() console.log("init done") })mi registro de consola esperado debería ser
created table inserted data success init donepero el resultado es
init done created table inserted data success¿Qué estoy haciendo mal para que la secuencia sea incorrecta?
El problema es que en db.transaction pasas una función como argumento. No espera la función que pasó, sino que espera solo la ejecución de db.transaction . Creo que la mejor manera de solucionar esto es envolver db.transaction en una Promesa y resolverlo cuando lo necesite.
const initDB = async (res: any) => { return new Promise(async resolve => await db.transaction(async tx => { await tx.executeSql(`create table if not exists table ( id integer primary key AUTOINCREMENT not null, ...... // create db query )`, [], () => { console.log("created table") }) await tx.executeSql(insertQuery , res.list, () => { console.log(`inserted data success`) // Resovle when the data is successful resolve() }, (_, err): boolean | any => { console.log(`err: ${err}`) } ) }) ) }Te recomendaría que también resuelvas por error. De lo contrario, su código se atasca.