Version: 1.3.42

Form

表单，将组件内的用户输入的值提交。当点击表单中 formType 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key

属性及支持度

H5	ReactNative	属性值	类型	说明
	x	reportSubmit	Boolean	是否返回 formId 用于发送模板消息
✔	✔	onSubmit	EventHandle	携带 form 中的数据触发 submit 事件，event.detail = {value : {'name': 'value'}}
✔	x	onReset	EventHandle	表单重置时会触发 reset 事件

其他相关属性请看各小程序官方文档

示例：

import Taro, { Component } from '@tarojs/taro'
// 引入 Form 组件
import { View, Form, Switch } from '@tarojs/components'

class App extends Component {

  formSubmit = e => {
    console.log(e)
  }

  formReset = e => {
    console.log(e)
  }

  render () {
    return (
      <Form onSubmit={this.formSubmit} onReset={this.formReset} >
        <View className='example-body'>
          <Switch name='switch' className='form-switch'></Switch>
        </View>
      </Form>
    )
  }
}

#表单，将组件内的用户输入的值提交。当点击 表单中 formType 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key

#示例：

表单，将组件内的用户输入的值提交。当点击表单中 formType 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key

示例：