时间戳

首页 > 解决方案 > × ReferenceError: Home 未定义

javascript - × ReferenceError: Home 未定义

问题描述

我想将反应路由器导入到我的组件中，并得到了“标题”中描述的错误！

顺便说一句，我正在从教程速成课程中做到这一点！

我将在下面显示我的文件

应用程序.js

import { BrowserRouter, Route } from "react-router-dom";
import "./App.css";
import Header from "./components/Header";
import Home from "./Pages/Home";
import About from "./Pages/About";
import Profile from "./Pages/Profile";


function App() {
return (
<BrowserRouter>
  <div className="App">
    <Header />
  </div>
  <Route path="/" component={Home} exact />
  <Route path="/about" component={About} /> 
  <Route path="/profile" component={Profile} />
</BrowserRouter>
);
}
export default App;

主页.js

const Home = () => {
return <h1>Home Page</h1>;
};

export default Home;

关于.js

const About = () => {
return <h1>About Page</h1>;
};

export default About;

Profile.js

const Profile = () => {
return <h1>Profile Page</h1>;
};

export default Profile;

页眉.js

const Header = () => {
return (
    <>
        <h1>React Router Dom</h1>
    </>
)
}

export default Header;

标签： javascriptreactjsroutesreact-router

解决方案

你确定它在"./Pages/Home"吗？您可以尝试将Home组件代码放在上面吗

function App()

看看它是否会显示相同的错误

推荐阅读