HarmonyOS 鸿蒙Next 子组件调用父组件方法更新@State变量，不生效

HarmonyOS 鸿蒙Next 子组件调用父组件方法更新@State变量，不生效

在父组件里定义[@State](/user/State)变量，定义func可以改变状态变量值，将func传递给子组件， 在组件间中调用父组件的func方法，状态变量UI没刷新

import { promptAction, router } from '@kit.ArkUI';

@Component
export struct Header {
  @Prop title: string;

  build() {
    Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
      Text(this.title)
    }.width('100%').height('100%')
  }
}

export interface TabItem {
  txt: string,
  key: number
}

@Component
export struct Footer {
  private tabList: TabItem[] = []
  @Link activeKey: number
  private handleClickTab: Function = (v: string) => {
  }

  build() {
    Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.SpaceEvenly, alignItems: ItemAlign.Center }) {
      ForEach(this.tabList, (item: TabItem) => {
        Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
          Text(item.txt).fontSize(10).fontColor(this.activeKey === item.key ? Color.Green : Color.Black)
        }.backgroundColor(Color.White).height('100%').width(100 / this.tabList.length + '%').onClick(() => {
          this.activeKey = item.key;
          this.handleClickTab(item.key)
        })
      })
    }.width('100%').height('100%').backgroundColor(Color.Red)
  }
}

@Entry
@Component
struct Index {
  [@State](/user/State) message: string = 'Hello World';
  [@State](/user/State) tabList: TabItem[] =
    [{ txt: 'AAA', key: 0 }, { txt: 'BBB', key: 1 }, { txt: 'CCC', key: 2 }, { txt: 'DDD', key: 3 },]
  [@State](/user/State) activeKey: number = 0
  [@State](/user/State) title: string = 'AAA'

  build() {
    Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.SpaceBetween }) {
      Row() {
        Header({ title: this.title })
      }.height(50).width('100%').backgroundColor(Color.Red)

      Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
        if (this.activeKey === 0) {
          Text('AAA').fontColor(Color.White)
        } else if (this.activeKey === 1) {
          Text('BBB').fontColor(Color.White)
        } else if (this.activeKey === 2) {
          Text('CCC').fontColor(Color.White)
        } else if (this.activeKey === 3) {
          Text('DDD').fontColor(Color.White)
        }
      }.width('100%').backgroundColor(Color.Blue).flexGrow(1)

      Row() {
        Footer({ tabList: this.tabList, activeKey: this.activeKey, handleClickTab: this.handleClickTab })
      }.height(50).width('100%')
    }.width('100%').height('100%')
  }

  linkNewsPage() {
    router.pushUrl({ url: 'pages/News' })
  }

  handleClickTab(v: number) {
    switch (v) {
      case 0:
        this.title = 'AAA'
        break;
      case 1:
        this.title = 'BBB'
        break;
      case 2:
        this.title = 'CCC'
        break;
      case 3:
        this.title = 'DDD'
        break;
      default:
        break;
    }
  }
}