Question

我该如何写得更好，我想用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})
}))

Answer 1

// 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 });

Answer 2

您可以使用this.setState（{floors：[{value：value.floorName}]}）;为了使用设置状态。

Answer 3

您可以创建一个新变量并推送到该变量，然后在地图完成后设置状态

var tempArray = []

FloorAPI.getFloorsByBuildingID(this.state.buildingID).then((response) => response.d.data.map((value) => {
  tempArray.push({value: value.floorName})
}))

this.setState({floors: tempArray})

Answer 4

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] });
})

Answer 5

目前，最好，最简单的方法是

  this.setState(previousState => ({
      floors: [...previousState.floors, {"value": value.floorName}]
  }));

Answer 6

const { floors } = this.state;

// Add item to it
floors.push({ value: 5 });

// Set state
this.setState({ floors });

Answer 7

您可以使用钩子形式

setState((prevVals) => [...prevVals,newVals])

Answer 8

您始终可以使用以前的状态。

setState((prevState)=>({
   floors: prevState.floors.push({...})
});

那是避免直接更改状态的好方法。另一种方法是执行以下操作：

var newState=[...this.state.floors];
newState.push({...});

setState(()=>({
  floors: newState
)}

推送到反应状态数组

8 个答案: