test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-15 17:31:18 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #6837 from allenve/master

Browse Source 
fix: tpl组件销毁时取消setState
This commit is contained in:
Allen 2023-05-10 18:40:49 +08:00 committed by GitHub
commit a4aed820ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/amis/src/renderers/Tpl.tsx
View File

@ -63,12 +63,14 @@ export class Tpl extends React.Component<TplProps, TplState> {
}; };
dom: any; dom: any;
mounted: boolean;
constructor(props: TplProps) { constructor(props: TplProps) {
super(props); super(props);
this.state = { this.state = {
content: this.getContent() content: this.getContent()
}; };
this.mounted = true;
} }
componentDidUpdate(prevProps: Readonly<TplProps>): void { componentDidUpdate(prevProps: Readonly<TplProps>): void {
@ -85,13 +87,17 @@ export class Tpl extends React.Component<TplProps, TplState> {
this.updateContent(); this.updateContent();
} }
componentWillUnmount() {
this.mounted = false;
}
@autobind @autobind
updateContent() { updateContent() {
const {tpl, html, text} = this.props; const {tpl, html, text} = this.props;
if (html || tpl || text) { if (html || tpl || text) {
this.getAsyncContent().then(content => { this.getAsyncContent().then(content => {
this.setState({content}); this.mounted && this.setState({content});
}); });
} }
} }