初始化react组件数据

修改

使用Cola装饰器的组件初始化数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const {Cola} = require('koa-cola/client');

// 变量描述
export interface Props {
foo: string;
}
export interface States {}

@Cola({
initData : {
foo : async ({ params, helpers, store: { dispatch } }) => {
return await Promise.resolve('bar');
}
}
})
class Some_Page extends React.Component<Props, States> {
constructor(props: Props) {
super(props);
}
render() {
return <div>{this.props.foo}</div>;
}
}
export default Some_Page;

这两种方式的区别是:

第一种方式:

第二种方式: