• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

Router 예제 복붙했더니 오류가 뜰 때!

22.08.23 20:18 작성 조회수 517

7

아랫분들도 설명해주셨다싶이 버전이 바뀌면서 쓰이는 용어가 바뀌었어요!

다만 올려주신부분들이 다 수업끝부분 완성본인것같아서..

저는 Home() About() Users()함수가 들어가야하는 초반 부분 수정본을 첨부해봅니다! 

 

 

import React from "react";
import {
  Route,
  Routes,
  BrowserRouter
} from "react-router-dom";

function Home() {
  return <h2>Home</h2>;
}

function About() {
  return <h2>About</h2>;
}

function Users() {
  return <h2>Users</h2>;
}

function App() {
  return (
    <BrowserRouter>
      <div>
        {/* A <Switch> looks through its children <Route>s and
          renders the first one that matches the current URL. */}
        <Routes>
          <Route path="/about" element={About()}>
            <Route />
          </Route>
          <Route path="/users" element={Users()}>
            <Route />
          </Route>
          <Route path="/" element={Home()}>
            <Route />
          </Route>
        </Routes>
      </div>
    </BrowserRouter>
  );
}

export default App;
 
 

답변 1

답변을 작성해보세요.

0

코딩하는 쨈이님의 프로필

코딩하는 쨈이

2022.09.23

오 정말 감사합니다!!