javascript - React Native 倒数计时器减少了文本输入焦点

Question

我一直在开发OTP屏幕，所以我需要一个计时器来限制用户至少 30 秒才能再次请求 otp。所以我开发了一个使用带有 setInterval 的状态的计时器。计时器工作正常，但是当计时器运行时，对于用户在状态更新时将 OTP 键入为 OTP 文本输入失去焦点，因此我需要对此进行修复。我正在使用“react-native-otp-inputs”：“^7.0.3” 我还尝试将计时器呈现为一个单独的组件，但仍然出现同样的问题

标签： javascriptreactjsreact-nativereact-native-androidreact-native-ios

Answer 1

如果我正确地回答了您的问题，那是因为当您在 setInterval 组件中设置状态时，再次重新渲染并且输入文件失去了焦点。我建议你使用这个 3rd 方包倒计时react-native-countdown-component