tLink嵌套对象属性更改UI不刷新问题

使用了Observed和ObjectLink修改嵌套对象的属性UI还是不刷新常见的问题有以下三种形式

2.多级嵌套嵌套对象的View组件没有抽离出来添加ObjectLink进行该级对象的监听绑定

3.嵌套对象并没有new出来创建直接赋值没有创建对象的过程无法激活Observed监听

二、代码举例

2.添加测试数据渲染列表单元格数据基本类型结构为TestInfo。

Entry

item})})}.width(100%).height(100%)}

3.抽离嵌套组件ChildView

{Text(this.mTestInfo.name).backgroundColor(Color.Red).fontSize(px2fp(52))ForEach(this.mTestInfo.items,

(tempInfo:

{Text(tempInfo.content).fontSize(px2fp(52)).backgroundColor(tempInfo.isClicked

Color.Blue

!tempInfo.isClickedconsole.log(this.TAG,

JSON.stringify(tempInfo))})})Divider()}}

此时我们点击单元数据1或者2去修改isClicked选中状态并不会刷新UI整个代码有以上总结的三个问题

1.TestItem

多级嵌套了一个层级直接就进行了循环渲染其嵌套对象的View组件没有抽离出来添加ObjectLink进行该级对象的监听绑定

3.mTestDataArr嵌套对象中的TestItem并没有new出来创建是通过花括号直接赋值没有创建对象的过程无法激活Observed监听

三、完整DEMO示例

每个被设置Observed的对象需要new出来创建才能激活监听花括号的形式赋值并不会激活监听。

State

mTestDataArr:

item})})}.width(100%).height(100%)}

}Component

{Text(this.mTestInfo.name).backgroundColor(Color.Red).fontSize(px2fp(52))//

TODO

.backgroundColor(tempInfo.isClicked

Color.Blue

})ForEach(this.mTestInfo.items,

(tempInfo:

{Text(this.mItem.content).fontSize(px2fp(52)).backgroundColor(this.mItem.isClicked

Color.Blue

!this.mItem.isClickedconsole.log(this.TAG,