Reactアプリケーションでインラインスタイルを設定しようとしています。この場合、スパンに対して
<span className="myClass" style={{float : 'left', paddingRight : '5px'}} > </span>
リアクトが教えてくれる:
Uncaught Invariant Violation:style」プロップは、「style」プロップからのマッピングを期待します。 スタイルプロパティを文字列ではなく、値にする。例えば、以下のような感じです、 style={{marginRight: spacing + 'em'}} JSXを使用する場合。このDOMノード SentenceViewでレンダリングされました。
その意味がよくわからない。
PS:違うバージョンも試したので、paddingRight: 5
だけでなく、paddingRight: 5 + 'px'
や paddingRight : 5px
もやってみましたが、成功はしませんでした!
React Componentsのスタイルを設定するには、いくつかの方法があります。
https://facebook.github.io/react/docs/context.html
https://github.com/facebookincubator/create-react-app
className="your-class-name"
を使用する。
style={css_object}
または style={{color: this.props.color}}
を使用する。
stylesheet.css
.