Mengapa pengkompil tidak boleh membaca addMore yang diimport daripada '../addMore/addMore'?
P粉463824410
P粉463824410 2023-08-17 15:20:19
0
1
549
<p>Saya mahu menambah komponen 'addMore', tetapi pengkompil tidak mengenalinya. Apa yang saya terlepas? tolong bantu. </p> <p><br /></p> <pre class="brush:js;toolbar:false;">import React daripada 'react' import { MdDeleteForever } daripada 'react-icons/md' import addMore daripada '../addMore/addMore' import './ShoppingCardItem.css' eksport fungsi lalai ShoppingCardItem() { kembali ( <div className='ShoppingCardItem-Container'> <img src="./img/Apfel.jpg" alt="" /> <p>2x Apfel</p> <tambah Lagi /> <MdDeleteForever /> </div> ) }</pre> <p><br /></p> <p><br /></p> <pre class="brush:js;toolbar:false;">import React daripada 'react' eksport fungsi lalai addMore() { kembali ( <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>
P粉463824410
P粉463824410

membalas semua(1)
P粉358281574

Nama komponen mesti bermula dengan 大写字母开头。将文件名addMore.jsx重命名为AddMore.jsx dan juga menukar laluan import. Untuk melihat maklumat ini sila lawati Komponen Fungsional React.dev

// ShoppingCardItem.jsx

import React from 'react'
import { MdDeleteForever } from 'react-icons/md'
import AddMorefrom '../AddMore/AddMore'
import './ShoppingCardItem.css'


export default function ShoppingCardItem() {

  return (
    <div className='shoppingCardItem-Container'>
        <img src="./img/Apfel.jpg" alt="" />
        <p>2x Apfel</p>
        <AddMore/>
        <MdDeleteForever />
        
    </div>
  )
}
// AddMore.jsx

import React from 'react'

export default function AddMore() {
  return (
    <div className="btn-group">
        <button type="button" className="btn btn-primary">+</button>
        <button type="button" className="btn btn-primary">-</button>
    </div>
  )
}
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan