是否可以制作三元條件，以便如果 {title} 包含部分文本，例如“appl”，則 'styles.label' 將更改為 'styles.label_2' 。
const Field = ({ title, info }: Props) => {
return (
<View style={styles.container}>
<Text style={styles.label}> {title} </Text>
<Text style={styles.info}>{info ? info : ''} </Text>
</View>
);
};
uj5u.com熱心網友回復：
你可以肯定地做到這一點。
以下檢查title字串是否包含appl，如果是，則使用，styles.label2否則使用styles.label
<Text style={title.includes('appl') ? styles.label2 : styles.label}> {title} </Text>
uj5u.com熱心網友回復：
如果您僅在評估為 false 時應用第二種樣式來隱藏，我更喜歡在渲染組件之前評估 - 因此，如果它評估為 false，則不存在任何組件，而不是一個空的組件：
const Field = ({ title, info }: Props) => {
return (
<View style={styles.container}>
<Text style={styles.label}> {title} </Text>
{info && info.contains("appl") && (<Text style={styles.info}>{info} </Text>)}
</View>
);
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/466512.html
標籤：javascript 反应 反应式
上一篇：在頁面中心對齊mui分頁