表单组件,对于 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>
)
}
...