相关疑难解决方法(0)

我有一个从容器组件调用的以下组件.容器组件传递事务prop.

我知道prop中的data属性正在传递,并且有数据,可以从console.log调用访问.但是,当我尝试映射数据并创建列表时,我收到一个错误:Cannot read property 'map' of undefined

以下是数据的样子:

[
{"transid":3426,"acct":"acct1","category":"Auto"},
 {"transid":3427,"acct":"acct2","category":"Subscriptions"}
]

我究竟做错了什么？

import React from 'react';


export default function TransactionManagerView (props) {

  console.log(props.data);

  return (
    <ul>
      {
        props.data.map(function(el,index) {
           return <li key={index}>{el.category}</li>
        })
      }
    </ul>
  )

}