인프런 커뮤니티 질문&답변

ina9377님의 프로필 이미지

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

노드 리액트 기초 강의 #20 React Router Dom

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

22.08.23 20:18 작성

·

593

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. 02:56

오 정말 감사합니다!!

ina9377님의 프로필 이미지

작성한 질문수

질문하기