From c3f580d2e7123622adb309717cc180d47cfa90ad Mon Sep 17 00:00:00 2001 From: LiAn Date: Sat, 26 Mar 2022 03:06:59 +0000 Subject: [PATCH] update zh-cn/application-dev/ui/ts-component-creation-re-initialization.md. Signed-off-by: LiAn --- ...ts-component-creation-re-initialization.md | 48 +++++++++---------- 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/zh-cn/application-dev/ui/ts-component-creation-re-initialization.md b/zh-cn/application-dev/ui/ts-component-creation-re-initialization.md index 97e6677b55..1786a365cb 100644 --- a/zh-cn/application-dev/ui/ts-component-creation-re-initialization.md +++ b/zh-cn/application-dev/ui/ts-component-creation-re-initialization.md @@ -2,46 +2,46 @@ ## 初始创建和渲染 -1. 创建父组件**ParentComp**； +1. 创建父组件ParentComp； -2. 本地初始化**ParentComp**的状态变量**isCountDown**； +2. 本地初始化ParentComp的状态变量isCountDown； -3. 执行**ParentComp**的**build**函数； +3. 执行ParentComp的build函数； -4. 创建**Column**内置组件； - 1. 创建**Text**内置组件，设置其文本展示内容，并将**Text**组件实例添加到**Column**中； - 2. 判断if条件，创建**true**分支上的组件； - 1. 创建**Image**内置组件，并设置其图片源地址； - 2. 使用给定的构造函数创建**TimerComponent**； - 1. 创建**TimerComponent**对象； +4. 创建Column内置组件； + 1. 创建Text内置组件，设置其文本展示内容，并将Text组件实例添加到Column中； + 2. 判断if条件，创建true分支上的组件； + 1. 创建Image内置组件，并设置其图片源地址； + 2. 使用给定的构造函数创建TimerComponent； + 1. 创建TimerComponent对象； 2. 本地初始化成员变量初始值； - 3. 使用**TimerComponent**构造函数提供的参数更新成员变量的值； - 4. 执行**TimerComponent**的**aboutToAppear**函数； - 5. 执行**TimerComponent**的**build**函数，创建相应的UI描述结构； - 3. 创建**Button**内置组件，设置相应的内容。 + 3. 使用TimerComponent构造函数提供的参数更新成员变量的值； + 4. 执行TimerComponent的aboutToAppear函数； + 5. 执行TimerComponent的build函数，创建相应的UI描述结构； + 3. 创建Button内置组件，设置相应的内容。 ## 状态更新 用户单击按钮时： -1. **ParentComp**的**isCountDown**状态变量的值更改为false； +1. ParentComp的isCountDown状态变量的值更改为false； -2. 执行**ParentComp**的**build**函数； +2. 执行ParentComp的build函数； -3. **Column**内置组件会被框架重用并执行重新初始化； +3. Column内置组件会被框架重用并执行重新初始化； -4. **Column**的子组件会重用内存中的对象，但会进行重新初始化； - 1. **Text**内置组件会被重用，但使用新的文本内容进行重新初始化； +4. Column的子组件会重用内存中的对象，但会进行重新初始化； + 1. Text内置组件会被重用，但使用新的文本内容进行重新初始化； 2. 判断if条件，使用false分支上的组件； 1. 原来true分支上的组件不在使用，这些组件会进行销毁； - 1. 创建的**Image**内置组件实例进行销毁； - 2. **TimerComponent**组件实例进行销毁，**aboutToDisappear**函数被调用； + 1. 创建的Image内置组件实例进行销毁； + 2. TimerComponent组件实例进行销毁，aboutToDisappear函数被调用； 2. 创建false分支上的组件； - 1. 创建**Image**内置组件，并设置其图片源地址； - 2. 使用给定的构造函数重新创建**TimerComponent**； - 3. 新创建的**TimerComponent**进行初始化，并调用**aboutToAppear**函数和**build**函数。 - 3. **Button**内置组件会被重用，但使用新的图片源地址。 + 1. 创建Image内置组件，并设置其图片源地址； + 2. 使用给定的构造函数重新创建TimerComponent； + 3. 新创建的TimerComponent进行初始化，并调用aboutToAppear函数和build函数。 + 3. Button内置组件会被重用，但使用新的图片源地址。 ## 示例 -- GitLab