为什么地图功能无法正常工作？ReactJS

我在中有一个.map函数return。现在，我设法返回的每个数据都期望拥有一个对象数组。

因此，数据的外观（抱歉截图，很难在此处复制和粘贴）：

所以在代码中，我会这样使用bankname：

{a &&
   a.map((item) =>
     item.banka.bankname.map((its) => (
         <div className='container p-3 my-3 bg-dark text-white'>
            <h2>{its}</h2>
         </div>
      ))
)}

而且一切正常。现在，当我想eks,type在此容器（its位于何处）内使用时，问题就来了。现在我无法以任何方式使其显示bankname, eks, type3次（foreach银行名称，eks，键入make单个容器）。我整天都在尝试各种解决方案：banka放入数组中，将bankaat对象的键放置等。等等。我总是将所有三个都放入一个容器中，或者当我映射每个键时得到的都是9倍。banka

所以我希望我的代码看起来像：

{a &&
   a.map((item) =>
     item.banka.map((its) => (
         <div className='container p-3 my-3 bg-dark text-white'>
            <h2>{its.bankaname}</h2>
            <h3>{its.eks}</h3>
            <h3>{its.type}</h3>
         </div>
      ))
)}

但是，当我使用它时，我得到错误：item.banka.map不是一个函数。

您还可以在jsfiddle上找到整个代码：https ://jsfiddle.net/hwps4tjm/

关于如何管理这个的任何想法？谢谢