键入react hook form时输入大写字段

Question

我为一个使用react hook表单v.3的旧项目添加了一个逻辑长话短说，当用户在输入字段中键入时，字母必须是大写的。

这是我需要更改的输入代码：

// outside the form
const [value, setValue] = useState(data.taxCode ?? '')
const changeHandler = ({ target }) => {
setValue(target.value.toUpperCase())
}

// inside the form
<input
type='text'
name='taxCode'
value={value}
onChange={changeHandler}
ref={register({
pattern: {
value: taxCodeRgx,
message: 'error message,
},
})}
/>

它是有效的。我有一个小问题：如果我双击输入字段并选择以前输入的代码，它不会选择它。。第二次尝试是的。此外，当我打字时，第一个字符丢失有什么想法吗？感谢

Answer 1

已解决：

我需要将模式设置为"；onChange"：const methods = useForm({ mode: 'onChange' })