停止渲染Reactjs組件？

Question

我想知道什麼是最佳實踐。你應該讓所有組件呈現還是應該阻止它們呈現？假設我有一個只在點擊時顯示的刪除模式。

我應該把我的渲染模式我

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

Answer 1

設計您DeleteModal組件，以便在其render()方法它呈現所需的UI，始終。然後在父組件，使用該對話框中的一個，你有條件地顯示/隱藏：

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

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