在我的 App.js 組件中無法訪問我的 Home 組件。首頁.jsx
import React from 'react'
import "./Home.scss
const Home = () => {
return (
<div>
<div className="home">Home</div>
</div>
)
}
export default Home
這是我的 App.js 代碼
import "./pages/home/Home"
function App() {
return (
<div className="App">
<Home/>
</div>
);
}
export default App;
我面臨錯誤：
[eslint]
src/App.js
Line 8:6: 'Home' is not defined react/jsx-no-undef
Search for the keywords to learn more about each error.
ERROR in [eslint]
src/App.js
Line 8:6: 'Home' is not defined react/jsx-no-undef
Search for the keywords to learn more about each error.
webpack compiled with 1 error
我希望訪問 App.js 檔案中的 Home 組件
uj5u.com熱心網友回復：
像這樣匯入檔案時添加參考
import Home from "./pages/home/Home";
uj5u.com熱心網友回復：
在 App.js 你的匯入應該是
import Home from "./pages/home/Home"
然后就可以使用了
uj5u.com熱心網友回復：
嘗試
import Home from "./pages/home/Home"
如果下次您不使用匯出默認值，則需要進行解構
import {moduleA, moduleB} from "./pages/home/Home"
assume you are exporting moduleA and moduleB without export default keyword
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/534637.html
標籤：javascript反应