梅科尔工作室-张勤涛-鸿蒙作业3

文章展示了如何在编程中使用`export`导出来导出一个方法,以及使用`forEach`循环遍历数组。此外,还提到了状态管理,通过`@State`来管理变量,并创建了一个接口来接收和显示数据。在组件间通信中,父组件将值传递给子组件,子组件通过状态更新来显示接收到的值。
摘要由CSDN通过智能技术生成

注意要将一个方法导出需要加export

forEach循环示例

forEach(列表,(item)=>{

操作(item)

})

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  @State a: string[]=['one','two','three','four','five','six','seven','eight','nine','ten']
        //声明一个列表需要这样定义:列表名:元素类型[]=[...]
  build() {
    Row() {
      Column() {

          Text(this.message)
            .fontColor(Color.Green)
     List({space:10}) {
       ForEach(this.a, (item) => {
         ListItem() {
           Text(item)
             .width('100%').height(80).fontSize(25).textAlign(TextAlign.Center).backgroundColor(Color.Grey).borderRadius(30)
         }.editable(true)//表示可编辑
       }

       )
     }

定义接口:

import {num} from "../pages/ad/num"
@Component

struct mainpage {
 @State fathernum:number=0
  build(){
    Column(){
      num({num:$fathernum})//将fathernum的值传回num
    }   .justifyContent(FlexAlign.Center).alignItems(HorizontalAlign.Center)
    .width('100%').height('100%')

  }
}
@Component
export struct num {
   @Link num:number//接受fathernum的值并赋值给num
    @State flag:boolean=false
  build() {
    Row() {
      Column() {
        if(this.flag==true)
        Text(this.num.toString())//输出num的值
          .width(30)
          .fontSize(20)
          .textAlign(TextAlign.Center)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值