模块总卷-主界面

调用renderItems()方法

基类：Store

useBackend()

List.tsx(web-modules-score)

useBackend() {    return true;}

 renderItems() {        return this.state.rows.map(this.renderItem);    }

extends

BL.js

Store.ts(web-modules-core)

getter

loadWithParams()

constructor(){  this.state = {            rows: this.props.store.getData()        }}

export function targetActorFormatter(actor) {    return actorFormatter(actor);}

ActivityLogStore.js

helpers/BL.js

ActivityLogGrid组件

//渲染每一行的render函数renderItem(){....}

将ActivityLogStore的store prop给ActivityLogGrid组件

convert(data: R[]): D[] {        return data.map(item => {            let result = {} as D;            this.fields.forEach(field => {                result[field.id] = field && field.getter && field.getter(item);            });            return result;        });    }

convert()

数据传入

targetActorFormatter()

基类：List组件

ActivityLogGrid.js

props:{  store:ActivityLogStore}

ActivityLogContent组件

getData(): D[] {        return this.data;    }

componentDidMount时createStore

actorFormatter()

expends

ActivityLogStore