diff --git a/zh-cn/application-dev/quick-start/arkts-extend.md b/zh-cn/application-dev/quick-start/arkts-extend.md index 21bf4183188bed49b86b18cd1ad87690c07e70c0..cfea43912c423e5ec55860cae8ebc0b7d8a500d7 100644 --- a/zh-cn/application-dev/quick-start/arkts-extend.md +++ b/zh-cn/application-dev/quick-start/arkts-extend.md @@ -64,27 +64,27 @@ - \@Extend装饰的方法的参数可以为function,作为Event事件的句柄。 ```ts -@Extend(Text) function makeMeClick(onClick: () => void) { - .backgroundColor(Color.Blue) - .onClick(onClick) -} + @Extend(Text) function makeMeClick(onClick: () => void) { + .backgroundColor(Color.Blue) + .onClick(onClick) + } -@Entry -@Component -struct FancyUse { - @State label: string = 'Hello World'; + @Entry + @Component + struct FancyUse { + @State label: string = 'Hello World'; - onClickHandler() { - this.label = 'Hello ArkUI'; - } + onClickHandler() { + this.label = 'Hello ArkUI'; + } - build() { - Row({ space: 10 }) { - Text(`${this.label}`) - .makeMeClick(this.onClickHandler.bind(this)) + build() { + Row({ space: 10 }) { + Text(`${this.label}`) + .makeMeClick(this.onClickHandler) + } } } -} ``` - \@Extend的参数可以为[状态变量](arkts-state-management-overview.md),当状态变量改变时,UI可以正常的被刷新渲染。 diff --git a/zh-cn/application-dev/quick-start/arkts-observed-and-objectlink.md b/zh-cn/application-dev/quick-start/arkts-observed-and-objectlink.md index 538c27e9e0787af8ced563bef4f0076b6e856b1b..e4c7838e12ec0ce594ea78ebcbaaf1a9732f4eb6 100644 --- a/zh-cn/application-dev/quick-start/arkts-observed-and-objectlink.md +++ b/zh-cn/application-dev/quick-start/arkts-observed-and-objectlink.md @@ -346,7 +346,7 @@ struct ViewB { (item: ClassA) => { ViewA({ label: `#${item.id}`, a: item }) }, - (item: ClassA) => item.id.toString() + (item: ClassA): string => item.id.toString() ) // 使用@State装饰的数组的数组项初始化@ObjectLink,其中数组项是被@Observed装饰的ClassA的实例 ViewA({ label: `ViewA this.arrA[first]`, a: this.arrA[0] }) diff --git a/zh-cn/application-dev/quick-start/arkts-prop.md b/zh-cn/application-dev/quick-start/arkts-prop.md index 330451992d554ab90108adf749ae1f3095bb2657..0d576e7305758c1d3446ae16c93dcf1933f52511 100644 --- a/zh-cn/application-dev/quick-start/arkts-prop.md +++ b/zh-cn/application-dev/quick-start/arkts-prop.md @@ -264,7 +264,7 @@ struct ParentComponent { ```ts @Component struct Child { - @Prop value: number; + @Prop value: number = 0; build() { Text(`${this.value}`) @@ -288,10 +288,10 @@ struct Index { Divider().height(5) ForEach(this.arr, - item => { + (item: void) => { Child({value: item}) }, - item => item.toString() + (item: string) => item.toString() ) Text('replace entire arr') .fontSize(50) @@ -419,7 +419,7 @@ class Book { @Component struct ReaderComp { - @Prop book: Book; + @Prop book: Book = new Book(); build() { Row() { @@ -442,10 +442,10 @@ struct Library { ReaderComp({ book: this.allBooks[2] }) Divider() Text('Books on loaan to a reader') - ForEach(this.allBooks, book => { + ForEach(this.allBooks, (book: void) => { ReaderComp({ book: book }) }, - book => book.id) + (book: number): number => book.id) Button('Add new') .onClick(() => { this.allBooks.push(new Book("The C++ Standard Library", 512)); diff --git a/zh-cn/application-dev/quick-start/arkts-rendering-control-best-practices.md b/zh-cn/application-dev/quick-start/arkts-rendering-control-best-practices.md index 5afba0367e9bf5c41c6d9c168faa95083e9d9faf..1b63c2c9a6872f991794d39f3d88dae16e7d61e6 100644 --- a/zh-cn/application-dev/quick-start/arkts-rendering-control-best-practices.md +++ b/zh-cn/application-dev/quick-start/arkts-rendering-control-best-practices.md @@ -22,10 +22,10 @@ struct Index { build() { Column() { ForEach(this.arr, - (item) => { + (item: void) => { Text(`Item ${item}`) }, - item => item.toString()) + (item: string) => item.toString()) Text('Add arr element') .fontSize(20) .onClick(()=>{ @@ -61,7 +61,7 @@ ForEach数据源更新时,数组项ID与原数组项ID重复不会重新创建 ```ts @Component struct Child { - @Prop value: number; + @Prop value: number = 0; build() { Text(`${this.value}`) .fontSize(50) @@ -83,10 +83,10 @@ struct Index { Child({ value: this.arr[2] }) Divider().height(5) ForEach(this.arr, - item => { + (item: number) => { Child({ value: item }) }, - item => item.toString() // 键值,标识id + (item: string) => item.toString() // 键值,标识id ) Text('Parent: replace entire arr') .fontSize(50)