已解決430363個問題，去搜搜看，總會有你想問的

帶三元運算符的 CSS - 僅在一種情況下設置屬性

首頁猿問帶三元運算符的 CSS -...

帶三元運算符的 CSS - 僅在一種情況下設置屬性

JavaScript

森欄 2022-08-27 13:42:51

我在我的CSS中使用react native Platform API作為三元運算符。例如，我正在設置高度：height: Platform.OS === 'ios' ? 40 : 50,但是，有時我想在一種情況下設置屬性，但在另一種情況下不設置屬性：height: Platform.OS === 'ios' ? 40 : <Don't set height>實現此目的的正確邏輯是什么？

查看完整描述

3 回答

手掌心

TA貢獻1942條經驗獲得超3個贊

我使用的方法是制作2個樣式組件：

const styles = StyleSheet.create({

withHeight: {

color: 'red',

height:40

withoutHeight:{

color:'red'

}

});

因此，在您的組件中，您可以執行以下操作：

希望它有幫助。隨時存疑

反對回復 2022-08-27

慕容3067478

TA貢獻1773條經驗獲得超3個贊

您可以編寫另一個三元運算符，如下所示

height: Platform.OS === 'ios' ? 40 : Platform.OS === 'android' ? 50 : 0

反對回復 2022-08-27

拉莫斯之舞

TA貢獻1820條經驗獲得超10個贊

如果不想設置顯式值，可以：

1）僅有條件地添加高度屬性：

if (Platform.OS === 'ios') {

styles.height = 40;

}

2）使用未定義的值：

height: Platform.OS === 'ios' ? 40 : undefined,

反對回復 2022-08-27

3 回答
0 關注
358 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

帶三元運算符的 CSS - 僅在一種情況下設置屬性

帶三元運算符的 CSS - 僅在一種情況下設置屬性

3 回答

添加回答