## action.js文件為業務邏輯 ## 1、關于方法函數： 1、涉及到調用接口異步調用，統一采用async await寫法(async漏寫會報錯)； 2、函數嵌套傳值寫法參照ES6箭頭函數的嵌套，代碼示例： ~~~jsx deploy = (info, index) => () => { this.component.props.setPortalContent && this.component.props.setPortalContent('配置值管理', 'open-portal-config-value-list', {info}) } ~~~ 3、涉及到action中更新state有sf和sfs兩種寫法，很顯然能看出來sfs是復數形式表示可以改變多個的值，兩種寫法 代碼示例： ~~~jsx add = () => { let confEnvs = this.metaAction.gf('data.confEnvs') confEnvs = confEnvs.push(fromJS({})) this.metaAction.sf('data.confEnvs', confEnvs) } ~~~ ~~~kotlin pageChanged = (current, pageSize) => { this.metaAction.sfs({ 'data.page.currentPage': current || this.metaAction.gf('data.page.currentPage'), 'data.page.pageSize': pageSize || this.metaAction.gf('data.page.pageSize'), }) } ~~~ 如果需要改變多個data值可以一次性寫好data對象然后使用sf，也可以分別在sfs中用鍵值對分別寫入。 注：盡量不要混合使用或者使用多個sf在同一個方法里，會影響性能，因為每次改變state都會render dom元素。 ## 2、action.js中element元素的寫法： ~~~jsx renderEnvInfo = (info, index, type) => { return <Input value={info} onChange={this.handleChange(index, type)} /> } ~~~ 如上圖所示區別于data.js的json串寫法。可參考ant.design的示例代碼。 注：所用到元素除div、span等基本元素，其他組件均需要在文件開頭引入(對應上圖input的引入示例： ~~~jsx import { Input } from 'edf-component' ~~~