javascript - 如何使用数组定义状态以及如何使用 setState() 方法

Question

我正在制作一个基于 API 的项目，我得到一个数组（一个包含数组的数组），我想使用整个数组告诉我如何用数组定​​义状态以及如何使用 setState() 方法

Answer 1

您首先必须设置初始状态。执行此操作的示例如下所示：

class AvailabilityStatus extends React.Component {

   constructor() {
   super();

   this.state = {
    *statusArray: []
  }
}

   componentDidMount(){
     **axios.get("LinkToYourData").then((response)=>{
        ***this.setState(()=>{
           return {
             statusArray: response.data
           }
        })
   })
}

}

*这就是您设置应用程序初始状态的地方。

** 我假设您将使用某种 ajax 调用来获取您的数据，在此示例中，我使用 axios。

***这就是你如何设置你最初声明的状态。

来自 React 文档：

永远不要直接改变 this.state，因为之后调用 setState() 可能会替换你所做的改变。将 this.state 视为不可变的。

有关更多信息，请参阅：https ://reactjs.org/docs/react-component.html#state 。