github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-13 01:21:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'fix/react-render-fromschema' into 'release/1.0.0'

Browse Source 
Code review title: componentDidUpdate 中处理schema中的state更新
Code review Link: https://code.aone.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/codereview/3763780
This commit is contained in:
rongbin.arb 2020-09-18 14:28:58 +08:00
commit 4efd066942
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/react-renderer/src/renderer/page.tsx
View File

@ -6,7 +6,7 @@ import Loading from '@alifd/next/lib/loading';
import '@alifd/next/lib/loading/style';
import AppContext from '../context/appContext';
import BaseRenderer from './base';
import { isSchema, getFileCssName } from '../utils';
import { isSchema, getFileCssName,parseData } from '../utils';
const debug = Debug('renderer:page');
@ -24,6 +24,7 @@ export default class PageRenderer extends BaseRenderer {
static getDerivedStateFromProps(props, state) {
debug('page.getDerivedStateFromProps');
const func = props.__schema.lifeCycles && props.__schema.lifeCycles.getDerivedStateFromProps;
if (func) {
return func(props, state);
}
@ -53,7 +54,15 @@ export default class PageRenderer extends BaseRenderer {
debug(`page.componentDidMount - ${this.props.__schema.fileName}`);
}
async componentDidUpdate() {
async componentDidUpdate(prevProps) {
const {__ctx} = this.props;
let prevState = parseData(prevProps.__schema.state, __ctx );
let newState = parseData(this.props.__schema.state, __ctx );
// 当编排的时候修改schema.state值，需要将最新schema.state值setState
if (JSON.stringify(newState)!=JSON.stringify(prevState)){
this.setState(newState)
}
super.componentDidUpdate(...arguments);
debug(`page.componentDidUpdate - ${this.props.__schema.fileName}`);
}
@ -75,7 +84,6 @@ export default class PageRenderer extends BaseRenderer {
}
debug(`page.render - ${__schema.fileName}`);
this.state = this.__parseData(__schema.state || {});
this.__bindCustomMethods(this.props);
this.__initDataSource(this.props);