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

fix: setter 报错不影响页面渲染

Browse Source
This commit is contained in:
mario.gk 2020-08-13 20:00:26 +08:00
parent 05957ce986
commit c0a6022f75
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/editor-skeleton/src/components/field/fields.tsx
View File

@ -25,6 +25,7 @@ export class Field extends Component<FieldProps> {
state = { state = {
collapsed: this.props.collapsed, collapsed: this.props.collapsed,
display: this.props.defaultDisplay || 'inline', display: this.props.defaultDisplay || 'inline',
hasError: false,
}; };
constructor(props: any) { constructor(props: any) {
@ -88,6 +89,10 @@ export class Field extends Component<FieldProps> {
} }
} }
static getDerivedStateFromError() {
return { hasError: true };
}
getTipContent(propName: string, tip?: any): any { getTipContent(propName: string, tip?: any): any {
let tipContent = ( let tipContent = (
<div> <div>
@ -114,6 +119,11 @@ export class Field extends Component<FieldProps> {
} }
render() { render() {
const { hasError } = this.state;
if (hasError) {
return null;
}
const { className, children, meta, title, valueState, onClear, name: propName, tip } = this.props; const { className, children, meta, title, valueState, onClear, name: propName, tip } = this.props;
const { display, collapsed } = this.state; const { display, collapsed } = this.state;
const isAccordion = display === 'accordion'; const isAccordion = display === 'accordion';