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

标签 javascript performance reactjs

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

选项1

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

选项2

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

最佳答案

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

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

关于javascript - 显示/隐藏 ReactJS 组件的更快方法?切换组件还是切换显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44621076/

相关文章:

java - Lambda 性能改进,Java 8 对比 11

java - 套接字编程、Java、Tomcat 6、扩展

javascript - 如何在 Facebook 中使用他们的 uid 显示用户的姓名?

javascript - 如何减少跑马灯循环的时间间隔?

Javascript RegExp 用于将文本拆分为带引号的句子并保留分隔符

javascript - 通过 Laravel blade 将数据传递给 React 组件

javascript - 将参数传递给 React 中的方法

javascript - 如何从 ng-repeat 获得合并结果?

performance - Azure 存储表分区键和行键性能考虑更多唯一值

reactjs - 无法在 typescript 中的 constructor() 内部调用 super()