HarmonyOS UI不刷新问题

当状态变量被改变时，查询依赖该状态变量的组件。searchList重新赋值时是可以观察到的，但是并没有依赖该状态变量的组件，除非在forEach中把searchList传入，这样便能够查询到依赖该状态变量的组件了。跨组件的可以用@Provide、@Consume传递searchList，参考示例：

//SearchPage
import PreferencesUtil from '../utils/PreferencesUtil';
import { CommonConstants } from '@ohos/common';

@Entry
@Component
struct SearchPage {
  statusBarHeight: number = AppStorage.get<number>('statusBarHeight') as number
  @State searchValue: string = '洗发'
  @State searchList: string[] = []

  requestData() {

  }

  async onPageShow() {
    this.requestData()
    this.searchList =
      await PreferencesUtil.getPreferenceValue(CommonConstants.SEARCH_LIST,
        CommonConstants.NULL_SEARCH_LIST) as string[]
    console.log(this.searchList.toString())
  }
  
  build() {
    Column() {
      SearchNav({
        searchValue: $searchValue, onSearchChange: () => {
          console.log(this.searchList.toString())
        }
      })
      SearchComp({
        sectionContent: () => {
          this.SectionBuilder('最近搜索')
        }, listContent: () => {
          // this.ListContentBuilder()
        }
      })
      SearchComp({
        sectionContent: () => {
          this.SectionBuilder('热门搜索')
        }, listContent: () => {
          if (this.searchList) {
            this.ListContentBuilder({ searchList: this.searchList })
          }
        }
      })
    }
    .padding({
      top: this.statusBarHeight,
      left: 10,
      right: 10,
      bottom: 20
    })
    .height('100%')
    .width('100%')
  }

  @Builder
  SectionBuilder(title: string) {
    Row() {
      Text(title)
        .fontColor('#4d4d4d')
        .fontSize(15)
      if (title == '最近搜索') {
        Image($r('app.media.icon_delete'))
          .width(24)
          .height(24)
      }
    }
    .justifyContent(FlexAlign.SpaceBetween)
    .width('100%')
  }

  @Builder
  ListContentBuilder($$: ListParams) {
    GridRow() {
      ForEach($$.searchList, (item: string, index) => {
        GridCol() {
          Text(item)
        }
      })
    }
  }
}

class ListParams {
  searchList: string[] = []
}

@Component
struct SearchComp {
  @Builder
  DefaultContentBuilder() {
  }

  @BuilderParam sectionContent: () => void = this.DefaultContentBuilder
  @BuilderParam listContent: () => void = this.DefaultContentBuilder

  build() {
    Column() {
      this.sectionContent()
      this.listContent()
    }
  }
}

@Component
struct SearchNav {
  searchController: SearchController = new SearchController()
  @Link searchValue: string
  onSearchChange: () => void = () => {
  }

  build() {
    Row() {
      Image($r('app.media.ic_back_black'))
        .width(26)
        .height(26)
        .margin({
          right: 5,
          top: 10,
          bottom: 10
        })
      Search({ value: this.searchValue, placeholder: '搜索你想要的商品', controller: this.searchController })
        .searchButton('搜索', { fontColor: '#999', fontSize: 14 })
        .placeholderFont({ size: 14 })
        .height(34)
        .minFontSize(14)
        .maxFontSize(14)
        .onSubmit((searchValue) => {
          this.searchValue = searchValue
          this.onSearchChange()
        })
        .onChange((searchValue) => {
          this.searchValue = searchValue
          this.onSearchChange()
        })
        .layoutWeight(1)
    }
  }
}