reactでのcssの扱い方が少し雑になっていたのでここらで少し復習します・・・。今回はtips of tipsといってもいいくらい小さなこと
ですががっかりしないでくださいまし。
タイトルの通りreactでcssをいじっていたのですが、text-alignを追加しようとしたらcan,t resolve text-alignでエラーを受けました。
通常htmlに書くcssってハイフンって付くよな?と思い上書き保存してもう一回ビルドするもまたも同じエラー・・・。
reactで書く時はなんかの作法があるのかな?と思いながらも試しにtextAlignで書いてみたらなんとビルド成功。なん・・・だと・・・。
もしかしたらハイフンが付くプロパティは全て抜いて書き出す必要があるのかもしれませんね。
これまたなかなか載っていないのでここでこっそり載せておきます。同じ悩みでいらいらしている人の役に立ちますように・・・。
ダメな例↓
</pre> newsText:{ text-align:"center", } <pre>
良い例↓
newsText:{ textAlign:"center", } </pre> <pre>
↓