顯示/隱藏ReactJS組件的更快方式？切換組件或切換顯示？

Question

考慮<MenuComponent />是可重用組件。在這種情況下哪些代碼執行得更好。

選項1個

render() { 
    return this.state.shouldHidden ? null : <MenuComponent /> 
} 

選項2

render() { 
    return <MenuComponent hidden={this.state.shouldHidden}/> 
} 

Answer 1

顯然1.因爲如果能夠避免hidden至少一個函數調用。

但是，嚴重的是，它只會爲您節省一些微秒。
永遠不要忘記：不成熟的優化是一切罪惡:)