問題タブ [react-component]

このステートレス コンポーネントは、クラス コンポーネントの render メソッド内でレンダリングされています。このステートレス コンポーネントは、条件に基づいて null または別のクラス コンポーネントを返しますが、エラーが発生します。

エラー：

render から何も返されませんでした。これは通常、return ステートメントが欠落していることを意味します。または、何もレンダリングしない場合は、null を返します。

条件の結果として何かを返すにはどうすればよいですか? このように変数を宣言しようとしましたが、同じエラーです。

React の学習を始めたばかりで、css ファイルを組み込んで反応コンポーネント (サイドバーなど) のスタイルを設定しようとしていますが、Web ページにどのスタイルも表示されない理由がわかりません。index.js ファイルに css をインライン化しようとしましたが、それは機能しますが、すべてのスタイリング コードを css ファイルに移動しようとしています。sass loader と css loader をインストールして、それらを webpack.config.js ファイルに含めました。私は愚かなことを忘れているだけですか？

これが私のstyle.cssファイルです

そして私のindex.jsファイル