小编ben*_*oit的帖子

在我的reducer中，它返回我从api获取的对象数组。我在列表上做了一个console.log，我可以看到这个数组，但是当我访问我的react类中的reducer时，它显示为一个空数组，为什么会这样呢？在我的react文件的render（）函数内部，它确实出于某种奇怪的原因而打印，但是我有一个函数试图使用化简器中的数据来渲染单独的div，并且数组显示为空。

getList() {
        let arr = [];
        if(this.props.popular){
            arr = this.props.popular.map(item => {
                return (
                    <div key={item.id} className="movie">
                        <img
                            src={`https://image.tmdb.org/t/p/w300${item.poster_path}`}
                            //onClick={() => this.displayModal(item)}
                        />
                    </div>)
            })
        }
        // console.log(arr)
        // this.props.updateCurrentShowList(arr);
        return arr;
    }

我从下面使用的mapstatetoprops函数中使用this.props.popular。

import { FETCH_POPULAR, RESET_POPULAR } from "../Actions/types";

let initialList = [];

export default function(state = initialList, action){
    switch(action.type){
        case FETCH_POPULAR:
            //return action.payload || false;
            initialList = initialList.concat(...action.payload);
            //console.log(initialList);
            return initialList;

        case RESET_POPULAR:
            initialList = action.payload;
            return initialList;

        default:
            return state;
    }
}

在这里initialList被打印并工作，然后我将其返回。

这是我在要访问该数组的其他文件中拥有的mapStateToProps函数。我在我的reducers文件中使用了Combinereducers。

function …