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

Question

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

选项 1

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

选项 2

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

Answer 1

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

但是，说真的，它只会为您节省几微秒。
永远不要忘记：过早的优化是万恶之源 :)