Question

redux从mapstatetoprop返回列表时需要花费时间来对RN中的Component做出反应。

当列表大小增加时，组件呈现会有延迟，虽然我立即在reducer mapstateToProps中获取列表，但是在将prop返回到组件时会花费大量时间。我是RN的新手，我开始使用redux，我没有得到我想要的东西，请帮助。

减速机代码：

let defaultDataState = { 
    list: [],
};

export default reducerName = (state = defaultDataState, action) => {
    switch (action.type) {
        case GET_DATA:
            return  {
                list: action.data, 
            }
        default:
            return state;
    }
};

组件mapStateToProp代码：

const mapStateToProps = (state) => {
    return {
        list: state.reducerName.list,
    }
}

Answer 1

这是由于大量的列表项，使用 Flatlist 并设置 initalItemToRender ，因为您的屏幕大小适合或10。

Answer 2

我不确定它的redux导致渲染速度慢。它可能是您的渲染方法中的组件。

尝试使用perf监视器来查找导致缓慢渲染的确切原因。查看docs for performance了解详情。

React Redux - RN性能缓慢

2 个答案: