1 | # Super.js 生命周期
|
2 |
|
3 | ### 客户端
|
4 |
|
5 | 在浏览器中运行的代码。
|
6 |
|
7 |
|
8 | 方法 | 描述
|
9 | - | -
|
10 | ```before()``` | 在React渲染之前运行。
|
11 | ```after()``` | 在React渲染之后运行。
|
12 | ```routerUpdate()``` | 在路由改变的时候运行。
|
13 | ```historyUpdate()``` | 在浏览器的地址栏URL改变的时候运行。
|
14 |
|
15 |
|
16 |
|
17 | ### 服务端
|
18 |
|
19 | 在Node程序中运行的代码,主要实现Koa的中间件挂载顺序。
|
20 |
|
21 | 方法 | 描述
|
22 | - | -
|
23 | ```before({ koaApp })``` | 在React的ServerRender中间件使用之前挂载。
|
24 | ```after({ koaApp })``` | 在React的ServerRender中间件使用之后挂载。
|
25 | ```render({ koaCtx, reduxStore })``` | 在React的ServerRender中间件运行时候调用。
|
26 |
|
27 |
|
28 | ### React组件
|
29 |
|
30 | 在React Server Render的情况,开发时候可能需要对HTML、页面初始化状态进行扩展,所以Super.js对React组件的生命周期做了扩展。
|
31 |
|
32 | 方法 | 描述
|
33 | - | -
|
34 | ```onServerRenderStoreExtend({ store })``` | 在React的SSR期间被调用,参数store是redux的store。<br>store使用:<br> - ```store.dispatch({...}) //扩展state``` <br> - ```store.getState() //获取全部state```
|
35 | ```onServerRenderHtmlExtend({ store, htmlTool })``` | 在React的SSR期间被调用,参数store是redux的store 和 htmlTool是用于扩展html的工具对象。<br>store使用:<br> - ```store.dispatch({...}) //扩展state``` <br> - ```store.getState() //获取全部state```<br>htmlTool使用: <br> - ```//TODO:待完善```
|
36 |
|
37 |
|
38 |
|
\ | No newline at end of file |