2017-09-26 1 views
-4

J'ai un code HTML pour ce composant, ma question est si c'est une mauvaise pratique? doit avoir du style dans une variable d'objet (modules CSS) ou un composant stylé?il ya des inconvénients utiliser style inline dans réagir?, Ou comme StyleSheet.create réagir natif

il y a la recommandation de système de style officiel comme réagir natif? 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

Ceci est une question hors-sujet car il est basé principalement sur l'opinion. Soit changer de question ou il sera fermé. – tilz0R

+0

si c'est une opinion basée, alors votre réponse, le style en ligne peut être bon o mauvaise pratique ... comment savoir avant de faire la question si c'est basé sur l'opion? – DDave

+0

Si vous le demandez, * est-ce une mauvaise pratique *, il n'y a pas de réponse sans doute correcte. Pour un débordement de pile, posez une question * Pourquoi, Où, comment, etc *. Ceci est mentionné à la page où vous postez une nouvelle question. – tilz0R

Répondre

-1

Je ne crois pas React a une façon suggéré d'utiliser CSS.

Si vous optez pour la voie du module CSS,

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

et

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

serait comment vous le mettre en œuvre.

+0

mais cela à l'ancienne, qu'en est-il des modules css? ou un composant stylé, de toute façon avec les deux, est une mauvaise habitude d'avoir des propriétés css dans la partie du composant html? – DDave

+0

Ceci est des modules CSS en ce qui concerne React. – cssko