2017-09-26 73 views
-4

我有這個組件的HTML,我的問題是,如果這是不好的做法?必須在對象變量(CSS模塊)或樣式組件中具有樣式?有反應使用樣式內嵌的缺點,或者像StyleSheet.create反應原生

有官方的風格系統推薦,如反應原生? https://facebook.github.io/react-native/docs/style.html

return (
    <div style={{display: 'flex', height: '100vh'}}> 
    <Menu /> 
    <div style={{ border: 'solid 1px red' , flex: '1 1 auto' , overflow: 'auto', padding: '20px' }}> 
    ... 
+1

這是一個偏離主題的問題,因爲它主要是基於意見的。要麼改變問題,要麼將被關閉。 – tilz0R

+0

如果這是一個意見的基礎上,那麼你的迴應,內聯風格可以很好的不好的做法......如何知道之前做這個問題,如果它是基於opion? – DDave

+0

如果你問,*這是一個壞習慣*,毫無疑問是沒有正確的答案。對於堆棧溢出,提出一個問題*爲什麼,在哪裏,如何等*。這在您發佈新問題的頁面上提及。 – tilz0R

回答

-1

我不相信陣營有使用CSS的建議方式。

如果你去的CSS模塊路線,

/* Foo.css */ 
.foo{ 
    color: green; 
} 

//Bar.jsx 
import styles from './Foo.css'; 
... 
return <Bar className={styles.foo} /> 

將是你將如何實現它。

+0

但是這個老方法,那麼CSS模塊呢?或風格的組件,無論如何,用你的方式,是不好的做法,在HTML組件部分的CSS屬性? – DDave

+0

這是與React相關的CSS模塊。 – cssko