2017-09-26 15 views
-4

私はこのコンポーネントのhtmlを持っています。オブジェクト変数(CSSモジュール)やStyled Componentにスタイルを持たせる必要がありますか?反応にスタイルインラインを使用するとデメリットがありますか?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

あなたが質問すれば、*それは悪い習慣です*、間違いなく正解はありません。スタックのオーバーフローについては、Why、Where、howなど*の質問をしてください。これは新しい質問を投稿するページに記載されています。 – 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

関連する問題