Form 组件

表单组件,对于 reset submit 事件进行封装,其他属性表现等同于浏览器原生 form 元素。

参数

参数名 类型 必选 默认值 描述
onSubmit function × form 事件,支持 preventDefault
onReset function × form 事件,支持 preventDefault
preventDefault 1.3.0 104 boolean or Array false 阻止浏览器默认行为,如表单提交时的页面跳转

注意: 如果 preventDefault 的值为 boolean,那么该组件所有支持的事件都将执行 preventDefault 逻辑。

示例

...
render(){
    return(
        <Form className={styles.form} onSubmit={this.onSubmit} action="" preventDefault>
        // <Form className={styles.form} onSubmit={this.onSubmit} action="" preventDefault={['submit']}>
            <Input autofocus={this.state.autofocus} type="search" onChange={this.onChange} className={styles.inputtxt} ref={(inputEl)=> {
                this.inputEl = inputEl;
            }} />
        </Form>
    )
}
...