代码之家 › 专栏 › 技术社区 › RamAlx

反应选择在切换时显示键盘

react-select reactjs javascript

0

RamAlx · 技术社区 · 6 年前

我使用的是反应选择^1.2.1,我面临着一种奇怪的行为。当我切换“移动视图”中的下拉菜单时,键盘会像屏幕截图一样打开

我的组件在里面是:

render()。{
返回(
<DIV classname=“数量”>
<输入
id=this.props.id_
type=“数字”
name=this.props.input.name
value=this.props.currentTravelersNumber_
classname=“人员选择器”
/>
<分区
role=“演示文稿”
classname=“数量按钮数量增加”
>
+
</DIV>
<分区
role=“演示文稿”
classname=“数量按钮数量下降”
>
-
</DIV>
</DIV>
有什么建议吗?也许是输入标签??


我的内部组件是:

render() {
    return (
      <div className="quantity">
        <input
          id={this.props.id}
          type="number"
          name={this.props.input.name}
          value={this.props.currentTravelersNumber}
          className="person-selector"
        />
        <div
          role="presentation"
          className="quantity-button quantity-up"
        >
          +
        </div>
        <div
          role="presentation"
          className="quantity-button quantity-down"
        >
          -
        </div>
  </div>


有什么建议吗?也许是输入标签?是吗?

1 回复 | 直到 6 年前

1

Emmanuel RICHE 6 年前

我认为您应该在输入中添加属性“readonly”,以避免此元素的默认行为。

<input
  id={this.props.id}
  type="number"
  name={this.props.input.name}
  value={this.props.currentTravelersNumber}
  className="person-selector"
  readonly
/>