jd-opensource / jd-opensource/taro-ui

使用hooks时AtButton formType='reset'时AtForm绑定的onReset={formReset}不执行

Open
#1,047 1 comment 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.