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

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

选项1

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

选项2

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

最佳答案

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

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