Reactjsコンポーネントのレンダリングを停止しますか？

Question

私は何がベストプラクティスであるか疑問に思っています。すべてのコンポーネントをレンダリングするか、レンダリングを停止する必要がありますか？私はクリックでのみ表示される削除モーダルがあるとします。

は、私は私のそのrender()方法で、それは常に、必要なUIをレンダリングするように、あなたのDeleteModalコンポーネントを設計し、私のモーダル

render() { 
    // if something return false to stop rendering 
    return () 
} 

Answer 1

のレンダリングに入れるべきです。そして、親コンポーネント、ダイアログを使用して一つに、あなたは条件付きでそれを表示/非表示：

render() { 
    return (
     <div> 
      some content here 
      ... 

      {showDeleteModal ? <DeleteModal /> : null}   
     </div> 
    ); 
}