代码中第二层里的map的return为什么不执行?

xenia
  • 71

{chapters.map(function(item,index){

                            item.quarters.map(function(item,index){
                            console.log(item);
                            return <span className="qname" onClick={this.shopping}>{item.name}</span>
                        }.bind(this));
                            return    <span className="cname" >{item.name}</span>
                            }.bind(this))
                        }
                        

clipboard.png

回复
阅读 1.7k
2 个回答

注意return()里面要有一层标签包裹

    {chapters.map((item,index)=>{              
                    return(                        
                        <p>
                                    {
                            item.quarters.map((item,index)=>{
                                return <span className="qname" onClick={this.shopping}>{item.name}</span>
                             })
                        }
                            <span className="cname">{item.name}</span>                     
                        </p>
                    )                     
                 })
                        }
danjuanzzf
  • 2
新手上路,请多包涵

return <span className="cname" >{item.name}</span>
已经return了自然不会执行了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏