reactjs - React typescript - 使用 const 调用 api 数据？

Question

我刚刚开始学习反应，我对它很陌生。现在我正试图从免费的货币转换 API 中调用一些数据。当我调用 api 时，它返回如下内容：

{
    "AUD_NZD": 1.089788
}

或者

{
    "USD_AUD": 1.404502
}

如您所见，当我输入不同的货币类型时，返回数据的最顶层正在发生变化。这是我获取数据的代码：

const API_INFO = primary + '_' + secondary;
const API_CALL = await fetch(`https://free.currencyconverterapi.com/api/v6/convert?q=${API_INFO}&compact=ultra`);
const API_DATA = await API_CALL.json();
const result = API_DATA.API_INFO;

但是 const 结果实际上是返回 undefined，因为返回的数据中不存在 API.DATA.API_INFO。

有没有办法使用 API_INFO 的动态值来实际获取转化率？

干杯。

标签： reactjstypescript