javascript - 无法读取React中未定义的属性 'xxxxx'

Question

我声明一个数据


让数据 = {}

然后我用promise调用webservice

getUserData().then((res)=>{
   this.setState({
      data : res.data
   })
})

在数据响应中

data : {
  name : "kangfu",
  surname : "panda"
  address : {
               no : "111",
               road : "332",
               state : "somewhere"
            }
}

当我在 render() 中使用时，它显示此错误

Cannot read property 'no' of undefined

渲染中

 render() {
    let {data} = this.state
     consol.loe(data.address)  // show address object.  
 return (
    <h1>data.address.no</h1>  // error
 )

Answer 1

当 this.state.data 尚未定义时，正在调用 render 方法。

可能的修复可能是

render() {
  if (!this.state.data) {
    return ("Loading...");
  } else {
    let {data} = this.state
    consol.log(data.address)  // show address object.  
    return (        
      <h1>{data.address.no}</h1>  // error
    );
  }
}