コンパイラが「../addMore/addMore」からインポートされた addMore を読み取れないのはなぜですか?

Question

コンポーネント「addMore」を追加したいのですが、コンパイラがそれを認識しません。私は何を取りこぼしたか？助けてください。

「react」から React をインポート
import { MdDeleteForever } から 'react-icons/md'
addMore を '../addMore/addMore' からインポートします
'./ShoppingCardItem.css' をインポートします


デフォルト関数をエクスポートする ShoppingCardItem() {

  戻る （
    <div className='shoppingCardItem-Container'>
        <img src="./img/Apfel.jpg" alt="" />
        <p>アプフェル 2 個</p>
        <さらに追加 />
        <MdDeleteForever />
        
    </div>
  ）
}

「react」から React をインポート

デフォルト関数のエクスポート addMore() {
  戻る （
    <div className="btn-group">
        <button type="button" className="btn btn-primary"> </button>
        <button type="button" className="btn btn-primary">-</button>
    </div>
  ）
}

Answer 1

コンポーネント名は 大文字 で始まる必要があります。ファイル名 addMore.jsx を AddMore.jsx に変更し、インポート パスも変更します。この情報を表示するには、React.dev Functional Components

にアクセスしてください。 リーリー リーリー