test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: 修复 tpl 渲染时序问题导致的渲染错误 (#11016)

Browse Source
This commit is contained in:
liaoxuezhi 2024-10-11 17:36:57 +08:00 committed by GitHub
parent 94ebe12715
commit f1d75921b7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -73,6 +73,7 @@ export class Tpl extends React.Component<TplProps, TplState> {
dom: any; dom: any;
mounted: boolean; mounted: boolean;
sn: number = 0;
constructor(props: TplProps) { constructor(props: TplProps) {
super(props); super(props);
@ -102,7 +103,13 @@ export class Tpl extends React.Component<TplProps, TplState> {
@autobind @autobind
async updateContent() { async updateContent() {
let sn = ++this.sn;
const content = await this.getAsyncContent(); const content = await this.getAsyncContent();
// 解决异步时序问题，防止较早的运算覆盖较晚的运算结果
if (sn !== this.sn) {
return;
}
this.mounted && this.setState({content}); this.mounted && this.setState({content});
} }