React中iOS端输入框自动聚焦后无法自动唤起键盘的问题求助

各位React开发的大佬们好！我最近遇到一个iOS兼容性的小坑，折腾好久没解决，来请教下大家😭

我在React组件里实现了一个输入框，想实现用户刚进入组件时，输入框自动聚焦且唤起键盘的效果。在Android设备上完全正常，聚焦的瞬间键盘就弹出来了；但到了iOS这边就卡壳了——输入框明明已经聚焦了，可系统键盘就是不自动弹出来，非得手动点一下输入框才行。

我的核心需求就是：用户一进入页面，输入框自动聚焦的同时，键盘能直接弹出来，不用额外操作。

我已经完成了组件的开发，也做了在线测试确认这个问题的复现性。期间搜了一堆相关问题，试了不少方案都没用，比如：

• IOS show keyboard on input focus
• Angular项目里页面加载（模态框弹出后）让输入框聚焦并唤起Safari键盘的方案
• iPhone上如何让HTML文本框聚焦并触发键盘弹出
• 无需用户交互就让输入框聚焦并唤起键盘的方法

这些方案我都一一试过了，可惜都没解决我的问题，所以来这儿求助，有没有针对React 18 + iOS Safari环境的有效解决办法呀？

备注：内容来源于stack exchange，提问作者Ritik Banger