【发布时间】：2022-08-16 18:43:36
【问题描述】：
我在 preact 应用程序中使用react-otp-input。我写了以下代码，
const [otp, setOtp] = useState(\'\');
<OtpInput
value={otp}
onChange={(value) => {
console.log(value);
setOtp(value);
}}
placeholder={\'12121\'}
numInputs={5}
containerStyle={\'otp-container\'}
inputStyle={\'otp-input\'}
errorStyle={\'otp-error\'}
hasErrored={otpError}
/>
当我从键盘输入任何值时，otp 没有得到更新，即onChange 没有被调用，但是当我点击backspace 时，onChange 被调用。
请帮我解决这个问题。
-
Anil，我在上面的代码中没有看到任何问题。我在沙箱中尝试过，状态正在更新。 codesandbox.io/s/test-react-sandbox-forked-5y9yk6?file=/src/…
-
是的，它在独立环境中运行良好，但在我的项目中，它不一样。正如github.com/devfolioco/react-otp-input/issues/110 中提到的，同样的事情正在发生。
标签： javascript reactjs preact react-otp-input