テーブル内の関数を呼び出すときに Promise を返す: Promise 関数呼び出しを試して返します。

Question

let data = [223, 34, 456, 56, 67];

function getDataFromApi(paramfromTableCell){
let postData = {データ : paramfromTableCell}
   let result = apiResponse(url, 'post', postData).catch((err => console.log(err)))
   結果を返します。
}

data.map((値)=>{
 戻る（
       <th>{getDataFromApi(value)}</th>
 )
})

表のセルで関数を呼び出しますが、Promise を返します。関数を呼び出すと、パラメーターを 1 つ受け取り、その番号に基づいて名前を返しますが、Promise を返します。この問題を解決する方法はありますか?

Answer 1

結果を得るには、この約束を await する必要があります。そうしないと、この約束を受け取るだけになります。したがって、マップ関数に async を追加し、await:

を使用します。 リーリー

Answer 2

React を使用しているようです。応答を React の状態に保存する必要があります。

これはサンプル コードです。次のようになります (未テスト):

リーリー