Блог

У меня есть два выпадающих списка, один из которых-единица измерения, которая извлекает имена из базы данных, которую вы можете выбрать. Оттуда я должен вернуть массив размеров единиц измерения, которые связаны с Единицей измерения для второго выпадающего списка. Я попробовал несколько разных способов сделать это, и, похоже, не могу сделать это правильно. Есть какие-нибудь идеи о том, как извлечь эти данные?

Один из примеров возвращаемых данных:

Выпадающие списки:

Выбор размера единицы измерения:

Мой код до сих пор:

 lt;FormGroup className="required"gt;  lt;Labelgt;Unit of Measurelt;/Labelgt;  lt;EInput  type="select"  name="unitOfMeasure"  id="unitOfMeasure"  value={this.state.product.UnitOfMeasure}  onChange={this.handleUOMChange}  required={true}  gt;  lt;option /gt;  {this.state.unitOfMeasures.map((UOM: IUnitOfMeasure, index: number) =gt;  lt;option key={UOM.id} value={UOM.name}gt;{UOM.name}lt;/option  )}  lt;/EInputgt; lt;/FormGroupgt; lt;FormGroup className="required"gt;  lt;Labelgt;Unit Sizelt;/Labelgt;  lt;EInput  type="select"  name="unitOfMeasure"  value={this.state.product.size}  onChange={this.handleUnitSizeChange}  disabled={this.state.unitOfMeasure.id !== ''}  required={true}  gt;  lt;option key={'unitSizes-select-empty'} value="" /gt;  {this.state.unitSizeList amp;amp;  this.state.unitSizeList.map((unitSize: any, index: number) =gt;  lt;option key={'unitSizes-select-'   index} value={unitSize[0]}gt;{unitSize[0]}   lt;/optiongt;  )  } lt;/EInputgt; lt;/FormGroupgt;