组件库:tea-component
技术框架:umi、react、react-hook-form
今日bug,输入框光标在最前面输入后自动跳到了最后面
输入前
输入后
触发事件不同,其余条件完全相同情况下
// onChange 会出现此bug
<Input
{...field}
onChange={(v) => {
handleChangeCache(v, 'name', true);
}}
maxLength={30}
disabled={cacheEventInfo?.isDistabled}
autoComplete="off"
placeholder={intl('name')}
/>
// onInput 不会出现此bug
<Input
{...field}
onInput={(v) => {
handleChangeCache((v?.target as any)?.value, 'name', true);
}}
maxLength={30}
disabled={cacheEventInfo?.isDistabled}
autoComplete="off"
placeholder={intl('name')}
/>
此bug发生的原因猜测,tea-component组件对onChange组件进行了一次封装 ,而没有对onInput封装导致
具体原因欢迎大家指点
解决方法:将onChange事件改成onInput