只是一個簡單的問題，但真的讓我很困惑。我有一個物件，其中包含我想應用于我的 reactApp 中的元素的所有樣式。
const LinkStyle = {
textDecoration : 'none',
color : 'rgba(58, 62, 65, 1)',
'&:hover' : {
backgroundColor : 'rgba(238, 240, 243, 1)'
},
mx : {lg : 2, md : 2, sm : 2, xs : 2},
}
我將此應用于我的組件
<SomeDOMelememt style={({condition}) => condition ? LinkStyle : (LinkStyle) 'border-radius : '20px''} />
我的意思是，當'！條件'時，我不想為案例制作一個完全不同的物件，我只想重用'LinkStyle'物件，只想為同一個物件添加一些額外的屬性以匹配兩個不同的場景。我不想創建一個單獨的物件或添加更多（條件樣式屬性）到我的<SomeDOMElement/>
uj5u.com熱心網友回復：
您可以有條件地將屬性添加到您的樣式中：
const LinkStyle = {
textDecoration : 'none',
color : 'rgba(58, 62, 65, 1)',
'&:hover' : {
backgroundColor : 'rgba(238, 240, 243, 1)'
},
mx : {lg : 2, md : 2, sm : 2, xs : 2},
...(condition && ({'border-radius' : '20px'}))
}
<SomeDOMelememt style={LinkStyle} />
uj5u.com熱心網友回復：
您可以像這樣使用擴展運算子...，它填充物件中的每個鍵：
<SomeDOMelememt
style={
({condition}) => condition ? LinkStyle : {'border-radius': '20px', ...LinkStyle} />
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/512790.html