0
153
VistasCómo ingresar el valor de la cadena Promise en un objeto
En el código de abajo
const getOptionName = async(id): Promise<void> => { const data = await dealStore.findById(id) console.log('data.optionName', data.optionName) console.log('typeof(data.optionName)', typeof(data.optionName)) return data.optionName } const openRemoveDialog = (): void => { const checkedItems = grid1.current.getCustomCheckedList().map(item => { return { optionName: getOptionName(item.id), channelName: item?.channelName, name: item?.name, id: item.id, } }) console.log('checkedItems', checkedItems) } Mis salidas console.log('data.optionName', data.optionName)
data.optionName 딜 옵션명 테스트 Mis salidas console.log('typeof(data.optionName)', typeof (data.optionName))
typeof(data.optionName) string Mi console.log('checkedItems', checkedItems) da el siguiente resultado
Estoy confundido por qué mi valor optionName es una Promise en lugar de una cadena cuando console.log('typeof(data.optionName)', typeof (data.optionName)) me muestra que data.optionName es una string
Quiero que mi valor optionName sea una string y no una Promise . ¿Cómo ingreso el valor de la string PromiseResult en mi optionName ?
2 Respuestas
Responde la pregunta0
getOptionName es una función async , por lo que devolverá una promesa. Para obtener el valor de esa promesa, deberá await . Para await , su función de mapa debe ser una función async , lo que significa que está creando una serie de promesas. Luego puede usar Promise.all para combinar la matriz de promesas y await a que obtenga su matriz de objetos finalizada.
const openRemoveDialog = async (): void => { const promises = grid1.current.getCustomCheckedList().map(async (item) => { return { optionName: await getOptionName(item.id), channelName: item?.channelName, name: item?.name, id: item.id, } }) const checkedItems = await Promise.all(promises); console.log('checkedItems', checkedItems) }0
Si es posible, debe cambiar su Promesa para solicitar findByIds(ids: number[]) para obtener todos los datos que coincidan con un conjunto de ID en lugar de una sola ID; esto reducirá la cantidad de llamadas de red y eliminará el antipatrón de hacer Promesas. dentro de su cierre de map .
Pero si no desea recuperar una Promesa para optionName , también tendrá que await el resultado de esa promesa.
return await data.optionName;