超出范围的函数调用

如何解决超出范围的函数调用

我正在尝试编写一个函数来构建一个数组，其中数组的每个值都是使用唯一 url 从 API 中提取的值，一旦从 API 获取该值，它就会被推送到现有数组中。

基本上当函数被调用时，我想为列表中列出的每个股票代码填充一个包含获取的 API 数据的数组

我编写了以下函数来尝试解决这个问题，但我似乎无法将第二个函数中的函数调用获取到它的工作范围。在第二个函数中调用时，我得到“'getInTradayPrice' 未定义”。任何想法如何解决这一问题？有没有一种完全不同的方法来做到这一点，我错过了？

const List = [
  { tick: "AAPL",datePurch: "01/01/2021" },{ tick: "GOOG",{ tick: "TSLA",{ tick: "J",{ tick: "AMZN",{ tick: "FB",{ tick: "BABA",{ tick: "JNJ",{ tick: "JPM",{ tick: "XOM",];

async function getInTradayPrice(tick) {
  const resp = await fetch(`${IEX.base_url}/stock/${tick}/inTraday-prices?chartLast=1&token=${IEX.api_token}`);
  return resp.json();
}

async function totalPortfolio() {
  const respPromises = List.map(({ tick }) => getInTradayPrice(tick));
  const respArrays = await Promise.all(respPromises);
  console.log(respArrays);
}

**编辑

如果有帮助，此代码位于组件声明和 render() 方法之间

class TitleCards extends Component {

***Above CODE***

render(){  
        return(
              <div className="positioning"> 
                    {this.totalPortfolio()}
                </div>
....