老师,您有空帮我看下我的代码吧!list.map解析数据,能打印出数据,但是组件在页面上却渲染不出来

来源:8-4 首页文章列表制作

球痴

2018-11-13

https://gitee.com/jackchen901010/xiecheng.git 】 【git@gitee.com:jackchen901010/xiecheng.git】
老师,由于我这个代码比较多,您如果有空的话,把我的代码下载到本地看一下吧,list.map解析数据,不报错,页面上也不显示数据
import React,{ PureComponent } from ‘react’;
import { connect } from ‘react-redux’;

import {
HomeRightImg,
HomeRightWrapper
} from ‘…/style’;
import shoe from ‘…/…/…/static/images/shoe.png’;

class RightPic extends PureComponent{
render(){
const { list } = this.props;
return (

        ------------------------------------------------------
           {
               list.map((item) => {
                   return (
                       <HomeRightImg key={item.get('id')}>
                           <img className="right-img" src={item.get('imgUrl')} alt="" />
                           <span className="right-tet">{item.get('title')}</span>
                       </HomeRightImg>
                   )
               })
           }
            ------------------------------------------------------
            <HomeRightImg>
                <img className="right-img" src={shoe} alt="" />
                <span className="right-tet">精品男鞋</span>
            </HomeRightImg>
        </HomeRightWrapper>
    )
}

}

const mapState = (state) => ({
list: state.getIn([‘home’,‘rightList’])
})
export default connect(mapState,null)(RightPic);

写回答

1回答

Dell

2018-11-15

我还是希望你能把具体的问题抽象出来,你不能说遇到问题就把所有代码扔给我哇,确实没这么多时间一行行看你代码,所以希望你能把具体问题具体的说出来。

0
2
Dell
回复
球痴
我怀疑是你的json格式有问题,仔细查一下json
2018-11-17
共2条回复

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2496 问题

查看课程