ant“蚂蚁”框架---数组2（图片和文字）

定义数组

const dhList = [{

        img:  require("../../assets/img/cp1.jpg"), title: '2019年日历航海王台历', introduce: '2019年海贼王限量版精美桌面台历', exchange: '500链币+1元兑换(50本)', time: '截至日期：20190228'

}, {

        img: require("../../assets/img/cp1.jpg"), title: '2019年日历航海王台历1', introduce: '2019年海贼王限量版精美桌面台历1', exchange: '500链币+1元兑换(100本)', time: '截至日期：20190228'

}, {

        img: require("../../assets/img/cp1.jpg"), title: '2019年日历航海王台历2', introduce: '2019年海贼王限量版精美桌面台历1', exchange: '500链币+1元兑换(50本)', time: '截至日期：20190228'

}]

获取数组并循环

{dhList.map((v, index) => {

                                return (

                                   

•                                        

                                             

                                                 

                                                      {v.img} alt="" style={{ width: '100%', display: 'block' }} />

                                                     

                                                         

  {v.title}

                                                         

  {v.introduce}

                                                         

  {v.exchange}

                                                         

  {v.time}

                                                         

                                                              详情

                                                              兑换

                                                         

                                                     

                                                 

                                             

                                         

                                     

                                )

                            })}

效果图