触摸 iOS 虚拟键盘上的“完成”按钮时，输入被清除

问：

我的 React 应用程序有一个关于输入和 iOS 虚拟键盘的问题。

这是默认的

收到短信密码后，代码会自动出现在键盘顶部。

1. 当我触摸键盘外部以隐藏它时，代码仍然存在。保留代码 img

2. 但是当我触摸键盘右侧的“完成”按钮时，代码消失了，输入被清除了。->问题！

清除输入 IMG

我该如何解决这个问题？ 我认为我无法使用 JS 直接控制虚拟键盘和“完成”按钮。 它在 Android 上运行良好，但在 iOS 上尤其不起作用。

这是我的测试环境：

• iOS系统v16.1.1
• 设备 ： iPhone SE2
• 使用 Chrome

请帮帮我:( 我想在触摸“完成”按钮（案例 2）时保留输入值，就像在键盘外触摸时一样（案例 1）。

这是我的代码。

...

const [verifyNum, setVerifyNum] = useState('');

<input
            placeholder="인증번호 6자리"
            value={verifyNum} 
            onChange={(e) => setVerifyNum(e.target.value)}
            type="text"
            maxLength={6}
            inputMode="numeric"
          >

我试过了，但没有用。autocomplete="one-time-code"