コンパイラが「../addMore/addMore」からインポートされた addMore を読み取れないのはなぜですか?
P粉463824410
2023-08-17 15:20:19
<p>コンポーネント「addMore」を追加したいのですが、コンパイラがそれを認識しません。私は何を取りこぼしたか?助けてください。 </p>
<p><br /></p>
<pre class="brush:js;toolbar:false;">「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>
)
}</pre>
<p><br /></p>
<p><br /></p>
<pre class="brush:js;toolbar:false;">「react」から React をインポート
デフォルト関数のエクスポート addMore() {
戻る (
<div className="btn-group">
<button type="button" className="btn btn-primary"> </button>
<button type="button" className="btn btn-primary">-</button>
</div>
)
}</pre>
<p><br /></p>
コンポーネント名は
にアクセスしてください。 リーリー リーリー大文字
で始まる必要があります。ファイル名addMore.jsx
をAddMore.jsx
に変更し、インポート パスも変更します。この情報を表示するには、React.dev Functional Components