私はcreate-react-appを使用していて、インラインスタイルについて悪いことを読んでいますので、今回はcreate-react-appでサポートされていませんが、CSSモジュールを使いたいと思っていました。文字通り、普通の古いCSSを1つの大きなファイルで使用できますか?また、このアプローチでは、どのように反応コンポーネントをスタイルするのですか?たとえば、私はコンポーネントを持っており、クラス名は<card className="cardStyle" />
です。なぜこれは機能しませんか?私はdivのように配置することができるベッドにしたい。Reactで通常のCSSを使用できますか?
0
A
答えて
1
それは確かに可能ですが、あなたはどこかのstyle.cssで、昔ながらのCSSクラスを持っているかもしれませんが、あなたは、あなたのアプリがそれを含んでいることを確認する必要があります、
例えば持っているApp.js
import './style.css'
1
標準的な方法は次のとおりです。
import React, { Component } from 'react';
import './Button.css'; // Tell Webpack that Button.js uses these styles
class Button extends Component {
render() {
// You can use them as regular CSS styles
return <div className="Button" />;
}
}
。反応はちょうどHTMLを生成するだけで、CSSの動作については何も変わりません。 – Sulthan