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

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

React中使用map不能全部遍歷數組。

React中使用map不能全部遍歷數組。

慕尼黑8549860 2019-03-06 10:15:23
才使用map遍歷數組發現不能遍歷到數組最后一個元素。如果數組為空,map函數不執行。render() {    console.log(this.props.items);    var Items=this.props.items.map((i)=>{        return <RecipeItem key={i} id={i} RemoveId={this.handleRemoveId.bind(this)} />    });    console.log(Items);    return (        <div id='itemcontainer'>            {Items}        </div>    )}
查看完整描述

4 回答

?
函數式編程

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

應該是父組件后來給items添加的元素,console.log的不一定是執行時候的數據,可以看下items的獲取


查看完整回答
反對 回復 2019-03-30
?
嗶嗶one

TA貢獻1854條經驗 獲得超8個贊

render() {

    return (

        <div id='itemcontainer'>

            {

                this.props.items.length>0 && this.props.items.map((i)=>{

                   return( <RecipeItem key={i} id={i} RemoveId={this.handleRemoveId.bind(this)}/>)

               }

        </div>

    )

}


查看完整回答
反對 回復 2019-03-30
?
翻閱古今

TA貢獻1780條經驗 獲得超5個贊

已經解決。后來仔細調試之后發現其實是由于this.props.items數組有元素,但長度為0.同這個問題鏈接描述


查看完整回答
反對 回復 2019-03-30
?
一只斗牛犬

TA貢獻1784條經驗 獲得超2個贊

自己試驗了一下,查看chrome這個調試工具是在你點開對象的時候去獲取當前對象內容的,而不是打印的時候,所以console中打印的比較準確的是對象的摘要信息(也就是可以點擊展開的那個),比如上圖中的[] 和 (3)[{...},{...},{...}] 分別代表數組里面對象個數為0和3.

https://img1.sycdn.imooc.com//5c9f0a7c0001dccd08000730.jpg

查看完整回答
反對 回復 2019-03-30
  • 4 回答
  • 0 關注
  • 1178 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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