亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無法在React中讀取未定義的屬性'map'

無法在React中讀取未定義的屬性'map'

一只斗牛犬 2019-11-04 13:13:28
我有以下從容器組件中調用的組件。容器組件通過交易道具。我知道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>  )}
查看完整描述

2 回答

?
Cats萌萌

TA貢獻1805條經驗 獲得超9個贊

這是因為組件的呈現發生在組件接收數組之前。作為選項,您可以設置道具的默認值


import React from 'react';



export default function TransactionManagerView ({data = [], ...props}) {


  console.log(props.data);


  return (

    <ul>

      {

        data.map(function(el,index) {

           return <li key={index}>{el.category}</li>

        })

      }

    </ul>

  )


}


查看完整回答
反對 回復 2019-11-04
  • 2 回答
  • 0 關注
  • 1439 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號