更快地显示/隐藏ReactJS组件的方法？切换组件或切换显示？

Question

考虑<MenuComponent />是可重用的组件。哪种代码在这种情况下表现更好。

选项1

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

选项2

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

Answer 1

显然1.因为如果hidden至少可以避免一个函数调用。

但是，严肃地说，它只能节省一些微秒 永远不要忘记：过早优化是所有邪恶的根源：）