Vue で functional component を JSX で書く場合に className が期待通りに反映されない問題について - Qiita

Vue で functional component を JSX で書く場合に className が期待通りに反映されない問題についてJSXVue.js Vue.js において Conditional に rendering したい場合、どうしても functional component を使わないといけない場合がある。 その場合、JSX と組みわせて使用することが推奨されているが、JSX の中で className を使った場合に、うまく class にならない。 この問題は、私の環境特有のものかもしれないし、設定次第でなおるのかもしれない。正しい運用方法ご存知の方は、ぜひコメントで教えていただけると助かります。 現状の問題 以下のように書くと、class="myClass" にはならない。単に className="myClass" になってしまう。 これだと CSS を当てれない