分别使用API​​提取中的每个项目

Question

我从带有react的API中获取数据，我需要能够与数组分开使用每个元素。假设我的JSON文件中有16个元素，我想知道如何更好地过滤它们，因为我当前的解决方案看起来很傻。

componentDidMount() {
     fetch(teamAPI)
    .then((teamResponse) => teamResponse.json())
    .then((teamfindresponse) => {
      console.log(teamfindresponse[1]);
      this.setState({
        team1:teamfindresponse[0],
        team2:teamfindresponse[1],
        ...,
        team16:teamfindresponse[15],
      })
    })
  }

我在里面渲染：

{
  this.state.team1.map((dynamicData, key) =>
    {dynamicData.name}
)}

我知道映射变得毫无用处，因为只有一个元素，但我不知道其他任何方法。

提前致谢！