[React]コンポーネントのcssのみ変更したい時の書き方がわからない

Question

前提・実現したいこと

ボタンコンポーネントを作ったとして、それを使って場合によって色のみ変更したい時にはどのように書けばいいでしょうか。
cssの書き方がわからず、色以外全て同じコンポーネントを複数個作ってしまっています。
参考になるURL等回答よろしくお願いします。

###コード例

function Button(){
 return(
  <button>hoge</button>
 );
}

<Button /> hogeの文字色だけ変えたい
<Button /> hogeの文字色だけ変えたい

Answer 1

他の属性と同様に、style（文字列でなく、オブジェクトで書く必要があります）やclass（ReactからはclassNameという名前で書くことになります）といった属性を書き換えることで、表示を制御できます。

Comments

[aiai8976]

コード例を追記しました。
<Button className={文字色を指定}/>で追記してもうまくいきませんでした。
どのようにすればいいのでしょうか。

[maisumakun]

クラスに対応するCSSはスタイルシートで作成してありますか？