我怎么能更好地写这个,我想用setState而不是this.state.floors.push来做,因为我知道这是不好的做法,但我无法弄明白。我用反应本机。
FloorAPI.getFloorsByBuildingID(this.state.buildingID).then((response) => response.d.data.map((value) => {
console.log(value.floorName)
this.state.floors.push({value: value.floorName})
}))
// Create a new array based on current state:
let floors = [...this.state.floors];
// Add item to it
floors.push({ value: floorName });
// Set state
this.setState({ floors });
你可以使用this.setState({floors:[{value:value.floorName}]});为了使用设置状态。
您可以创建一个新变量并推送到变量,然后在地图完成后设置状态
var tempArray = []
FloorAPI.getFloorsByBuildingID(this.state.buildingID).then((response) => response.d.data.map((value) => {
tempArray.push({value: value.floorName})
}))
this.setState({floors: tempArray})
FloorAPI.getFloorsByBuildingID(this.state.buildingID).then((response) => {
// get current floors
const { floors } = this.state;
// get new floors after api request
const newfloors = response.d.data.map((value) => ({value: value.floorName}))
// set the new state by combining both arrays
this.setState({ floors: [...floors, ...newfloors] });
})
目前,最好和最简单的方法是
this.setState(previousState => ({
floors: [...previousState.floors, {"value": value.floorName}]
}));
您始终可以使用以前的状态。
setState((prevState)=>({
floors: prevState.floors.push({...})
});
这是避免直接改变状态的好方法。另一种方法是执行以下操作:
var newState=[...this.state.floors];
newState.push({...});
setState(()=>({
floors: newState
)}