HarmonyOS开发中如何处理用户输入和表单？

Question

HarmonyOS开发中如何处理用户输入和表单？

Answer 1

在 HarmonyOS 开发中，可以使用 TextInput 组件来处理用户输入。例如，通过设置 onChange 属性来监听用户输入的变化。对于表单的处理，可以使用 Form 组件来包裹多个输入组件，方便统一管理和提交。在提交表单时，可以通过获取各个输入组件的值来进行数据处理。以下是一个简单的代码示例：

@Entry
@Component
struct Index {
  @State inputValue: string = ''
  build() {
    Column() {
      TextInput({ onChange: (value) => {
        this.inputValue = value
      } })
      Button('提交', { onClick: () => {
        console.log('输入的值为：' + this.inputValue)
      } })
    }
  }
}