Javascript 如何使用引导在react中禁用输入？

我在表格上有两个输入。我正在使用React.js和Twitter引导

预期行为是：

在任一表单输入字段上键入输入时，另一个输入字段不应接受任何输入（或被禁用）

我正在使用引导中的FormControl

---

如何在React.js/Bootstrap设置中实现这一点？

您必须使用

disabled

属性。您可以这样做：

class MyForm extends React.Component{
  constructor(){
    super();
    this.state = {
      focused: undefined,
    }
  }
  onFocus(id){
    this.setState({
      focused: id
    });
  }
  onBlur(){
    this.setState({
      focused: undefined,
    });
  }
  render(){
    const { focused } = this.state;
    return (
        <div>
          <FormGroup>
            <FormControl type="text" onFocus={() => this.onFocus(1)} onBlur={this.onBlur} disabled={focused && focused !== 1}/>
            <FormControl type="text" onFocus={() => this.onSecondFocus(2)} onBlur={this.onBlur} disabled={focused && focused !== 2}/>
          </FormGroup>
        </div>
    );
  }
}

export default MyForm;

类MyForm扩展了React.Component{
构造函数（）{
超级（）；
此.state={
重点：未定义，
}
}
onFocus（id）{
这是我的国家({
焦点：id
});
}
onBlur（）{
这是我的国家({
重点：未定义，
});
}
render（）{
const{focused}=this.state；
返回(
this.onFocus（1）}onBlur={this.onBlur}disabled={focused&&focused！==1}/>
this.onSecondFocus（2）}onBlur={this.onBlur}disabled={focused&&focused！==2}/>
);
}
}
导出默认MyForm；

---

我有2个FormGroup{this.props.label}你说禁用是什么意思？在第一次输入中使用状态

isDisabled

，然后在第二次输入中使用状态

onKeyDown

第二次输入

true

状态我有2个输入和按钮，我只能在一次输入中写入信息，第二个将被禁用。谢谢/如果第一个输入有一些信息，我是否要对输入进行去噪？我有两个输入和按钮，我只能在一个输入中写入信息只需将焦点更改为输入值的长度，如果该长度大于0，则禁用另一个输入，否则启用。我已编辑，如果我有2个组件。首先，我有方法handleInputChange=inputId=>event=>{this.setState（{[inputId]：event.target.value}）；}；在第二个组件中，我有this.state.input1和this.state.input2。这种情况下怎么办？你能用另一种方式问吗？我不理解最后一个问题，如果是问题，我有两个组件（它们在index.js和Hello.js中）和一个handleInputChange方法。怎么会这样？