У меня 3 выпадающих списка, когда я выбираю данные из 1-го. Я хочу отфильтровать другие выпадающие данные. Данные для обоих выпадающих списков хранятся в состоянии json массив "TfsItemdata",. Он содержит номер сборки и элемент TFS. Когда я выбираю номер сборки, я просто хочу показать элемент TFS только из этой сборки.
this.state =
{
FilterData: [],
TFSItemList:[],
TfsItemdata:"",
loading:false,
errorMessage:'',
BuildNumber:"",
TfsItem:"",
Update:""
};
};
LoadTfsItem(){
axios
.get("http://localhost:9000/buildAPI/TfsItemdata")
.then(response => {
console.log("responce data"+response.data);
if(response.status==200){
this.setState({TfsItemdata : response.data});
}else{
this.setState({errorMessage:"Data Not Available "})
}
})
.catch(error => {
this.setState({errorMessage:"Data Not Available for Crash Id "})
});
}
render(){
return(
<MultiSelect
data={this.state.FilterData.data}
textField={"BuildNumber"}
filterable={true}
onFilterChange={this.filterChange}
defaultItem={this.defaultItem}
onChange={this.onChange}
//loading={this.state.loading}
style={{'width':'33.5%','float':'left'}}
/>
</div>
<div>
<DropDownList
data={this.state.FilterData.data}
textField={"TFSItem"}
filterable={true}
onFilterChange={this.filterChangeUpdate}
defaultItem={this.defaultItem1}
style={{'float':'left'}}
/>
</div>
<MultiSelect
data={this.state.TfsItemdata.data}
textField={"TFSItem"}
filterable={true}
onFilterChange={this.filterChange}
loading={this.state.loading}
defaultItem={this.defaultItem2}
style={{'width':'33.5%','float':'left'}}
/>
)}