初めての状態データの返信

Question

私はapiから「データ」を取っています。初めてコンポーネントをレンダリングするときにnullとしてデータを取得していますが、しばらくしてからapiデータを取得しています。最初のヌル値のためにレンダリングできません。私はあなたが2つの良い選択肢を持っていると思う

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;

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