Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用条件样式的样式连接_Reactjs_React Native_Styles - Fatal编程技术网

Reactjs 使用条件样式的样式连接

Reactjs 使用条件样式的样式连接,reactjs,react-native,styles,Reactjs,React Native,Styles,你能用英语详细解释一下这个表达吗 <View style={[styles.button, this.state.touching && styles.highlight]} /> 我知道Style属性接受一个对象数组,让我惊奇的是this.state.touching&&styles.highlight部分。有人能告诉我这是怎么回事吗?非常感谢 这是一个使用And(&&)的过程。如果第一个值为false,它将返回该值,如果为truthy,它将返回第二个值 c

你能用英语详细解释一下这个表达吗

<View style={[styles.button, this.state.touching && styles.highlight]} />

我知道Style属性接受一个对象数组,让我惊奇的是
this.state.touching&&styles.highlight
部分。有人能告诉我这是怎么回事吗?非常感谢

这是一个使用And(
&&
)的过程。如果第一个值为false,它将返回该值,如果为truthy,它将返回第二个值

const state={
感人:错
};
常量样式={
亮点:“highlightClass”
};
log('state.tolling为false:',state.tolling&&styles.highlight);
state.touching=true;
log('state.touching为true:',state.touching&&styles.highlight)这是一个使用And(
&&
)的命令。如果第一个值为false,它将返回该值,如果为truthy,它将返回第二个值

const state={
感人:错
};
常量样式={
亮点:“highlightClass”
};
log('state.tolling为false:',state.tolling&&styles.highlight);
state.touching=true;

log('state.touching为true:',state.touching&&styles.highlight)是的,它是绝对有效的,你的问题到底是什么?我想知道这个&&thingy是如何工作的。根据@Ori Drori的说法,这叫做“逻辑结束”?你可以参考一些例子。是的,这是绝对有效的,你的问题到底是什么?我想知道这个&&thingy是如何工作的。根据@Ori Drori的说法,这被称为“逻辑端”?您可以参考一些示例。我是否可以阅读与“逻辑端”和其他相关的参考资料?根据ReactNative文档,它声明忽略错误值(false、null、undefined)。因此,我认为,上面的代码片段是有效的。我是否可以阅读与“logical end”和其他内容相关的参考资料?根据ReactNative文档,它指出falsy值(false、null、undefined)被忽略。所以我认为,上面的片段是有效的。