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

Javascript 如何使用数组定义状态以及如何使用setState()方法,javascript,reactjs,Javascript,Reactjs,首先必须设置初始状态。这样做的示例如下所示: class AvailabilityStatus extends React.Component { constructor() { super(); this.state = { *statusArray: [] } } componentDidMount(){ **axios.get("LinkToYourData").then((response)=>{ ***this.

首先必须设置初始状态。这样做的示例如下所示:

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视为不可变的


请参阅:了解更多信息。

请参阅附加到图片的图片,不要只发布图片链接。使用代码块发布代码。