提供对未定义的检查prop.data,然后渲染组件,因为道具最初可能不提供数据,但在第二个渲染中可用。那应该解决你的问题
class App extends React.Component {
render() {
var data = [
{"transid":3426,"acct":"acct1","category":"Auto"},
{"transid":3427,"acct":"acct2","category":"Subscriptions"}
]
return (
)
}
}
const TransactionManagerView = function(props) {
console.log(props.data);
return (
{
props.data && props.data.map(function(el,index) {
return
{el.category}})
}
)
}
ReactDOM.render(, document.getElementById('app'));