如何一键清空TextInput、TextArea组件内容

@Entry 
@Component 
struct Index { 
  @State text: string = 'Hello World'; 
  controller: TextInputController = new TextInputController(); 
 
  build() { 
    Row() { 
      Column() { 
        TextInput({ placeholder: 'Please input your words.', text: this.text, 
          controller:this.controller}).onChange((value) => { 
          this.text = value; 
        }) 
        Button('Clear TextInput').onClick(() => { 
          this.text = ''; 
        }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.