慕尼黑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 回答

嗶嗶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>
)
}

一只斗牛犬
TA貢獻1784條經驗 獲得超2個贊
自己試驗了一下,查看chrome這個調試工具是在你點開對象的時候去獲取當前對象內容的,而不是打印的時候,所以console中打印的比較準確的是對象的摘要信息(也就是可以點擊展開的那個),比如上圖中的[] 和 (3)[{...},{...},{...}] 分別代表數組里面對象個數為0和3.
添加回答
舉報
0/150
提交
取消