第一次響應狀態數據爲空

Question

我正在從api中獲取'數據'。第一次當組件呈現它獲取數據爲空時，但過了一段時間後，它獲得了api數據。我從api獲取數據但由於初始空值而無法呈現它。

class CallData extends Component { 
     componentWillMount() { 
     if (this.props.onPageLoad) { 
      this.props.onPageLoad(); 
     } 
     } 


     render() { 
     const {data} = this.props; 
     console.log("data of table..."); 
     console.log({data}); 
     if (!data.length) { 
      return null; 
     } 

     return(
      <div> 
      {console.log(data)}; 

      </div> 
     ); 

     } 
    } 


    export default CallData; 

Answer 1

我認爲你有兩個很好的選擇：

1. Sepcify默認道具組件 https://facebook.github.io/react/docs/typechecking-with-proptypes.html#default-prop-values

2. 在渲染方法聲明一個默認值數據：const {data = {}} = this.props;

3.

return(
     {this.props.data && <div> 
     {console.log(data)}; 
     </div>} 
    )