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 97e6677b55175fcc65910b6c07dc08d643b59ced..1786a365cb4098141f02e8a0f9c2a79993abd91b 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内置组件会被重用,但使用新的图片源地址。 ## 示例