HarmonyOS鸿蒙Next中@State变量同步赋值给工具类的变量后，在工具类中更新该变量会丢失响应式

开发者您好，

在build方法内，当@State装饰的变量是Object类型，且通过a.b(this.object)形式调用时，b方法内传入的是this.object的原始对象，修改其属性，无法触发UI刷新。详情参考使用a.b(this.object)形式调用，不会触发UI刷新。

由于您代码中this.testUtil2.setData(this.data2)是在build内调用的，会导致上述现象。建议通过官网提供的正例：临时变量方式修改。或者不在build方法内调用，在build外调用即可。

不错

这里要是改成箭头函数，“后续在工具类中的更新触发 UI 更新”就也不生效了。

不过，实际上即使在aboutToAppear写进工具类内也应该不生效才对的。

建议提bug，或者工单吧。

我也没太搞明白什么意思，AI的解释大概意思是不在aboutToAppear中调用setData,testUtil初始化的时候就会默认设置一个data,然后再调用setData的时候直接把新的data的引用赋值给testUtil的data而不是对象本身，UI变化不会深度关联对象导致UI不刷新，使用Observed配合ObjectLink可以实现。下面是修改后的代码，希望对你有帮助

@Observed
class TestData {
  idx: number = 0;
  a: string = '';
  b: string = '';
  c: string = '';
}

class TestUtil {
  private data: TestData = new TestData();

  setData(data: TestData) {
    this.data = data;
  }

  updateDataA() {
    // 这里模拟业务中的更新场景
    this.data.idx += 1;
  }
}
@Component
struct MyComponent {
  @ObjectLink data2: TestData;  // 自动深度观察

  build() {
    Button("+1")
      .onClick(() => this.data2.idx += 1) // 直接修改自动更新
  }
}




@Entry
export struct MvMM {
  @State data: TestData = new TestData();
  @State data2: TestData = new TestData();
  private testUtil: TestUtil = new TestUtil();
  private testUtil2: TestUtil = new TestUtil();

  aboutToAppear(): void {
    this.data.idx = 1;
    this.data.a = '标题1';
    this.data.b = '测试1';
    this.data.c = '测试c';

    this.testUtil.setData(this.data);

    this.data2.idx = 1;
    this.data2.a = '标题2';
    this.data2.b = '测试2';
    this.data2.c = '测试2c';
  }

  build() {
    Column({ space: 10 }) {
      this.TestViewA()
      this.TestViewB()
    }
    .backgroundColor(Color.White)
    .width('100%')
    .height('100%')
  }

  @Builder
  TestViewA() {
    Row({ space: 10 }) {
      Text('idx:' + this.data.idx)
      Button('+1').onClick(() => {
        this.testUtil.updateDataA();
      })
    }
  }

  @Builder
  TestViewB() {
    Row({ space: 10 }) {
      Text('idx:' + this.data2.idx)
      Button('setData').onClick(() => {
        this.testUtil2.setData(this.data2)
      })
      // Button('+1').onClick(() => {
      //   this.testUtil2.updateDataA();
      // })
      MyComponent({ data2:this.data2 })
      Button('local +1').onClick(() => {
        this.data2.idx++;
      })
    }

  }
}

嗯，是这个样子的，有点像C++中的只是赋值了一个指针地址，并没有把对象赋值过去