jd-opensource / jd-opensource/taro-ui
使用hooks时AtButton formType='reset'时AtForm绑定的onReset={formReset}不执行
- Dominant language
- TypeScript
- Stars
- 4.7k
- Forks
- 740
- PR merge metrics
- No merged PRs in 30d
Description
### Taro UI 版本信息
2.3.4
### 问题描述
使用表单AtForm、AtButton,在AtButton中绑定formType='reset',表单中绑定事件onReset={formReset},执行的是onSubmit={formSubmit}事件。
### 复现步骤
1、添加表单AtForm
绑定onSubmit={formSubmit} onReset={formReset}
2、添加按钮AtButton
绑定找回
取消
3、添加事件
const formSubmit = (event) => {
console.log(userNo);
console.log(dvcNo);
}
const formReset = (event) => {
setUserNo('');
setDvcNo('');
}
4、两个Button都只执行formSubmit,不执行formReset
### 复现代码
`
import Taro, { useState } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import { AtButton, AtForm, AtInput, AtDivider } from 'taro-ui'
import PageHeader from '../components/pageheader/pageheader'
import './forgotpwd.scss'
export default function ForgotPwd() {
const [userNo, setUserNo] = useState('')
const [dvcNo, setDvcNo] = useState('')
const formSubmit = (event) => {
console.log(userNo);
console.log(dvcNo);
}
const formReset = (event) => {
setUserNo('');
setDvcNo('');
}
return (
{/* S Header */}
{/* E Header */}
{ setUserNo(e) }} maxLength='32'>
{ setDvcNo(e) }} maxLength='32'>
找回
取消
)
}
ForgotPwd.config = {
navigationBarTitleText: '密码找回'
}
`
### 报错信息
找回、取消,都执行的是formSubmit,而不执行formReset。
### 系统信息
�👽 Taro v2.2
Taro CLI 2.2.2 environment info:
System:
OS: Windows 10
Binaries:
Node: 12.16.1 - D:\Program Files\nodejs\node.EXE
Yarn: 1.22.4 - D:\Program Files\nodejs\node_global\yarn.CMD
npm: 6.13.4 - D:\Program Files\nodejs\npm.CMD
### 补充信息
Contributor guide
Assessment
This issue has not been assessed yet.