防止移动键盘在以下情况下打开<；输入/>；装入react javascript并单击启用

我有一个模式窗口，当用户单击按钮时打开。此模式窗口有一个

组件

安装模式窗口后，移动键盘将自动打开，焦点将设置在此输入上

我正在启用和禁用readonly或disabled html属性，但它会强制用户双击或三次单击输入以使移动键盘可见

如何防止安装输入时移动键盘打开，以及如何在用户单击该输入组件时显示移动键盘

下面的代码就是我现在所拥有的，它迫使手机用户双击输入组件来显示键盘。双击对用户不友好，因为它会移动滚动位置或显示“全选”、“复制”、“粘贴”等移动工具提示，而不是显示移动键盘

<input
  type="text"
  readonly={this.state.isInputReadOnly}
  onClick={this.onInputClick}
  onChange={this.onInputChange}
  value={this.state.inputValue}
/>

---

当模态打开时，不要关注输入，而是关注模态中的其他元素，比如某个跨度元素。。这将阻止键盘打开。

当模态打开时，不要关注输入，而是关注模态中的其他元素，比如某个跨度元素。。这样可以防止键盘打开