React&Redu中Scroll List封装实践

一直直在写一个前端项目，来分享一些Scroll封装的实践

本宝宝看着你们只收藏不点赞都有小情绪！！！！哼

设计目标

因为项目中需要大量的类似Scroll List，ListView页面：

];
if(result.length!==0){
datas=[];
result.forEach(function(id) {
datas.push(ListEl(id,entities,type))//ListEl是一个function
})
}
return(

                {datas}        );    }

}

export default CommonList;

### ListEl.js

import React, { PropTypes, Component } from 'react';
import SmallCourseCate from '../Common/CourseCate/SmallCourseCate'

export function ListEl(id,entites,type) {
switch (type) {
case 'samllCourseCate':
if(entites.coursecates[id]){
let coursecate=entites.coursecates[id];
return(

            )        }else{            return (                small coursecate el try get coursecate is null            )        }    ...    default:    return (            el type undefind    )}

}

## 总结&TODO1. 封装后总体Scroll List比较优雅和快捷1. 但是欠缺性能优化，使用immutable、shouldComponentUpdate优化性能#JavaScript、react.js、Redux、list#

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！