Javascript 如何在react功能组件中迭代promise对象

我已经从api调用中得到了承诺。我如何在react中重复承诺

---

您是显式地尝试迭代promise对象，还是尝试获取数据并迭代数据？promise无法迭代<代码>等待或然后它，然后迭代解析的数据，不管是什么。这样的问题在实际代码中更为清晰，这些代码显示了承诺是如何创建和解决的，否则就没有什么比这更重要的了

useEffect(() => {
    getProductdata()
}, [])

async function getProductdata(){
    const secret = "SECRET"
    const request = await fetch(`https://app.myapi.com/api/products/id`, {
        headers: {
            'Authorization': `Basic ${btoa(secret)}`,
            'Accept': 'application/json'
        }
    }).then((request)=>{setProductData(request.json())})
    }
    
   console.log("pdata",productData)