CSSの無効なボタンクラスの問題を解決する

Question

ReactJS を使用してこのナビゲーション バーのコードを完成させましたが、ボタン クラスが機能しません。基本的なボタンのスタイルを試してみましたが、うまくいきませんでした。私はこれに慣れていないので、間違った部分を見つけることができません。

jsx ファイル->>これは jsx ファイルです

css ファイル->>これは CSS ファイルです

最終出力->>最終 Web ビュー

ボタンにスタイルを追加したいのですが、CSSからボタンのクラスを選択すると機能しません。

Answer 1

<button> タグに class 属性を追加します。class 属性の値は「button」です。

デザインは div コンテナではなくボタン自体に適用する必要があります。

Answer 2

実際には div のスタイルを設定しています。ボタンのスタイルを設定したい場合は、ボタンにクラス名を追加します。<button className='button'>contact</button>