css でスタイルを設定する方法はいくつか用意されておりライブラリも色々あります。 その中から良く使われている以下の5つの方法を紹介します。 インラインで指定 モジュールを使う方法 styled-jsx (CSS in JS) styled-components (CSS in JS) Emotion デフォルト(インライン) Reactでデフォルトで提供されている方法。 キャメルケースで変数名を宣言しCSSをオブジェクトで書いてインラインで指定。 export const InlineStyle = () => { const containerStyle = { border: "solid 2px #329eff", borderRadius: "20px", padding: "8px", margin: "8px", display: "flex", justifyContent