最初の負荷でリアクションレンダリングを停止するクリーナー方法はありますか？

Question

したがって、私の反応クラスはjsonレスポンスを呼び出してレンダリングします。

しかし、それは、初期ロード時にクラスをレンダリングし、応答が戻ったときに再びレンダリングします。私はこれを行うしているこの問題を回避するには

-

componentDidMount: function() { 

     axios.get....... 
      .then(res => { 
      const jobs = res.data; 
      this.setState({ jobs }); 
      }); 
    }, 

render: function() { 
     if (Object.keys(this.state.jobs).length == 0) 
     { 

     } 
     else { 
      return (
       <div> 
        {this.state.jobs.data.map(function (ob) { 
         return <li key={ob.id}>{ob.name}</li> 

        })} 

       </div> 
     ) 
     } 
     return null; 
    } 

}); 

は、これを行うためのよりよい方法はありますか？ if文を使わずに？

Answer 1

リアクションは常に初期ロード時にレンダリングする必要があります。したがって、すでに行ったようにnullをレンダリングするだけです。コードを賢明に書くことができます。

return this.state.jobs.data ? <YourTemplate /> : null; 

クリーナーです。