我無法使用一個檔案的默認匯入功能。我試著從同一個目錄匯入這個檔案，并試著從它的子目錄匯入它。下面是父函式（從子函式中匯入的）的代碼。最終，這個函式在React頁面中將自己匯出到App.js中。
import React from 'reaction'
import {cardPanels} from './subComponents/cardPanels.js'/span>
function Cards(/span>) {
return (
<>/span>
<cardPanels/>/span>
</>
);
}
export default Cards
下面是匯出函式的子函式的代碼。
import React from 'react'
import Card from 'react-bootstrap/Card'
export const cardPanels =（）=> {
return (
<div>
<Card style={{ width: '18rem' }}>
<Card.Body>/span>
<Card.Title>/span>hello</Card.Title>
<Card.Text>/span>
好的作業
</Card.Text> ok working
<Card. Link href="#">card</Card.Link>
</Card.Body>/span>
</Card>/span>
</div>
);
}
uj5u.com熱心網友回復：
這樣就可以了
import Card from 'react-bootstrap/Card'/span>
const CardPanels = (/span>) => {
return (
<div>
<Card style={{ width: '18rem' }}>
<Card.Body>/span>
<Card.Title>/span>hello</Card.Title>
<Card.Text>/span>
好的作業
</Card.Text> ok working
<Card. Link href="#">card</Card.Link>
</Card.Body>/span>
</Card>/span>
</div>
);
}
export default CardPanels;
uj5u.com熱心網友回復：
組件也應該是Pascal案例 例如：CardPanels 我認為問題是與命名有關。 在我重命名為CardPanels之后，它就作業了
。轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/334285.html
標籤：
上一篇：zmq_send()在recv()/poll()上阻塞。
下一篇：獲取后渲染React的一個組件