Как сделать Input disabled?

Question

[VladimirovJS]

На форме есть два инпута. Как в реакте сделать так, чтобы начиная вводить в одном Input-e, второй стал disabled Использую react-bootstrap и компонент FormControl для инпутов отсюда https://react-bootstrap.github.io/components.html#...

то есть у меня два компонента FormGroup, внутри каждого FormControl.

Answer 1

[Zvezdocheteg]

Можно как то так https://codepen.io/Profiteer/pen/JJBMXW

Накидал для наглядности, можно улучшать)

Answer 2

[Максим]

Необходимо, чтобы атрибут disabled у input'a реагировал на значение в другом. Если оба инпута в одном компоненте, то можете использовать state, и смотреть если в state первого инпута есть значение, то второй disabled, примерно так:

<FieldGroup
      id="formControlsText"
      type="text"
      label="Text"
      placeholder="Enter text"
      disabled={this.state.myOtherInputValue1}
    />

Comments

[VladimirovJS]

У меня state в другом компоненте. и я в этот передаю
inputvalue1 = {this.state.login}
inputvalue2={this.state.password}

и там где отрисовка идет FieldGroup, в пропсах принимаю эти значения
написал у одного FieldGroup disabled={this.pops.inputvalue1}, не вышло.
То есть у меня два инпута, и одна кнопка. И нужно чтобы один инпут блочился, если хоть что-то написано в другом