我正在学习 StyleSheet api 并在这个 documentation 中找到以下表达式:
<Text style={[styles.title, this.props.isActive && styles.activeTitle]} />
谁能说出这个 && 运算符在数组内部的作用是什么？一个小例子将更受欢迎。谢谢!!!
最佳答案
此表单利用了 operator short circuiting .
如果 this.props.isActive 产生 true，那么 this.props.isActive && styles.activeTitle 的值将是 styles.activeTitle.
在相反的情况下，如果 this.props.isActive 是“falsy”(在 bool 上下文中强制为 false)，表达式将短路并产生 this.props.isActive 。
React Native 中的style 参数可以采用合并后的样式对象数组。 false 值将被跳过*，因此如果 !isActive，则样式参数将简单地变为 styles.title。
(*合并可能是使用 Object.assign 完成的，它只会复制可枚举的和自己的属性，并且不会抛出虚假值；但我不确定这一点。有人吗？ )
关于javascript - React Native - 为什么在数组中使用 && 运算符？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53672972/