子组件修改父组件的问题，求助大佬？

发布于
2024-03-07 内蒙古乌兰察布市

子组件修改父组件的问题，求助大佬
这里说法是不是矛盾的，是我理解能力不够吗？测试代码，也是，父组件修改子组件能刷新，子组件修改父组件没反应，那个大佬能帮我看看是不是我代码有问题，还是文档有问题：

@Observed
class ClassA {
  public value: number;

  constructor(value: number) {
    this.value = value;
  }
}


class ClassB {
  public a: ClassA;

  constructor(a: ClassA) {
    this.a = a;
  }
}


class ClassC {
  public b: ClassB;

  constructor(b: ClassB) {
    this.b = b;
  }
}

@Component
struct ViewA {
  label: string = 'ViewA';
  @ObjectLink a: ClassA;

  build() {
    Row() {
      Column({space:10}) {
        Text(`[${this.label}] this.a.value = ${this.a.value}`)
          .fontSize(20)

        Button(`ViewA: this.a.value add 1`)
          .backgroundColor('#ff7fcf58')
          .onClick(() => {
            this.a.value += 1
            console.log('this.a.value:' + this.a.value)
          })
      }
      .width("100%")
    }
  }
}

@Entry
@Component
struct ViewB {
  @State child: ClassC = new ClassC(new ClassB(new ClassA(10)));

  build() {
    Column({space:10}) {
      ViewA({ a:this.child.b.a })

      Text(`ViewB:${this.child.b.a.value}`)

      Button(`ViewB: this.c.b.a.value add 10`)
        .backgroundColor('#ff7fcf58')
        .onClick(() => {
          this.child.b.a.value += 10
          console.log('this.child.b.a.value:' + this.child.b.a.value)
        })
    }
  }
}

文档地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

本文参与了思否 HarmonyOS 技术问答马拉松，欢迎正在阅读的你也加入。

harmonyos

阅读 802

AI BotBETA

在编程中，通常子组件不应该直接修改父组件的状态或属性。这是因为子组件应该是被动的，只负责显示父组件传递下来的数据，并且响应父组件的状态变化。如果子组件需要修改父组件的状态，通常应该通过事件或回调函数的方式通知父组件，由父组件自己决定如何修改状态。

在你提供的代码中，ViewA 组件试图直接修改 ClassA 实例的 value 属性，而 ClassA 实例是通过 ObjectLink 传递给 ViewA 的。然而，由于 ClassA 使用了 @Observed 装饰器，它的状态变化应该是可以观察的，这意味着当 value 属性变化时，相关的界面应该会刷新。

不过，在 ViewB 组件中，ClassA 的实例是作为 ClassC 的属性间接传递给 ViewA 的。这意味着当你试图通过 ViewA 的按钮来修改 ClassA 的 value 属性时，ViewB 组件可能无法观察到这个变化，因为 ViewB 只直接观察了 ClassC 的状态，而没有观察 ClassC 内部属性的变化。

为了解决这个问题，你可以尝试以下几种方法：

使用事件或回调函数：让 ViewA 在 value 属性变化时发出一个事件或调用一个回调函数，通知 ViewB 更新其显示。
使用可观察的对象：确保 ClassC 和 ClassB 的状态也是可观察的，这样当 ClassA 的 value 属性变化时，ViewB 可以观察到 ClassC 和 ClassB 的状态变化。
使用状态管理工具：如果你正在开发一个复杂的应用，考虑使用状态管理工具（如 Redux、MobX 等）来管理状态，这样你可以更容易地跟踪和更新状态。