出于某種原因，設定className沒有為我的財產設定樣式：
export default class MyComponent extends Component {
render() {
return(
<div className={styles.example}>
</div>
)
}
}
const styles = StyleSheet.create({
example: {
background: 'black',
width: '100px',
height: '100px'
}
})
它只是呈現類似
<div class="175">
</div>
沒有樣式資訊（""class"" 175 沒有 CSS 規則）
為什么它不會（如我所料）以styles__example___2w27N瀏覽器中指定的 CSS 規則的名稱結尾
.styles__example___2w27N {
background-color: 'black';
height: 100px;
width: 100px;
}
如何應用我的 CSS？
如果我使用style={styles.example}（而不是className），我實際上會收到此錯誤：
該
style道具預計從風格屬性值的映射，而不是一個字串。
我更愿意使用，className因為
- 我已經指定了懸停和活動樣式，
style可以使用這些樣式嗎？ - 我想手動添加和覆寫一些行內樣式
uj5u.com熱心網友回復：
您應該使用<View>組件而不是<div>組件，因為這會將<View>組件映射到您正在使用的每個特定平臺的本機視圖 UI 組件（即：<div>對于 web，android.view 對于 android 等）而不是<div>直接元素。
有了這個，<View>元素和其他 react-native 核心組件被設計為與StyleSheet. 你應該將你的風格的style道具，所有的核心部件有，而不是className道具：
<View style={styles.example}>
</View>
在 Web 上查看上述內容時，您會看到<div>源代碼中使用了a ，但在其他平臺上，您會看到正在使用其他本機視圖 UI 型別。
uj5u.com熱心網友回復：
樣式表指的是 React Native……你是在做 react-js 還是 react native？
假設你正在做 react-js（因為 div），react-js 中沒有樣式表這樣的東西......
export default class MyComponent extends Component {
render() {
return(
<div className={styles.example}>
</div>
)
}
}
const styles = {
example: {
background: 'black',
width: '100px',
height: '100px'
}
}
我認為您從 react-native 檔案而不是 react-js 復制了代碼...
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/402919.html
標籤：
下一篇：變數值改變時的例外行為（簡單）