20231102 TIL

<HashRouter>

아직 진행중이지만 지금 현재 해결중인 문제는 HashRouter ! 클론 코딩이라서 코드를 그대로 따라치면서 공부를 하는데 2020년도 책이라 리액트가 엡데이트 된 항목들이 생기면서 조금씩 다른 것이 나온다..그래도 페이지 간단 구성까지는 잘 했었는데 HashRouter 가 해결이 되지 않았다.

<HashRouter>
      <Route path="/about"  Component={About}/>
  </HashRouter>

책에 나온대로 했더니 Error A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>. 라고 나왔다.

 

그래서 직관적으로 routr는 routes안에 있어야한다는 말인가? 

<HashRouter>
    <Routes>
      <Route path="/about" Component={About}/>
    </Routes>
  </HashRouter>

 Route를 감싸주었다. 그러고 만난 것이 No routes matched location "/"  구글링을 해도 잘 모르겠어서 그냥 암거나 해보다가

  <HashRouter>
    <Routes>
      <Route path="/" Component={About}/>
    </Routes>
  </HashRouter>);

path에 들어가는 것을  / 빼고 없앴더니 About의 값이 노출되긴 했다. 근데 HashRouter는 위에 주소값에 #/가 붙어야한다던데 주소값은 너무 단순하게 변화가 하나도 없었다. 

  <HashRouter>
    <Routes>
      <Route path="/"  Component={Home}/>
      <Route path="/" Component={About}/>
    </Routes>
  </HashRouter>);

구글링  하면서 차라리 책을 낸 사람의 커뮤니티를 가자 해서 보러갔더니 앞선 사람들이 해논 풀이에서 줏어서 했는데.. 결론은 아직도 해결하지 못했다. 우선 나두고 다른 것 부터 해야겠다.

 

지금 보고 하는 책이 살짝 예전 기준이라 함수형 컴포넌트가 아닌 클래스형 컴포넌트를 쓰는 부분이 있는데 코드를 다 짜면 클래스형을 함수형으로 바꿔주는 리팩토링을 해야겠다!

 

<state와 클래스형 컴포넌트>

prop은 컴포넌트를 사용하는 외부자를 위한 데이터

state는 컴포넌트를 만드는 내부자를 위한 데이터