Router Nesting - wookikiik/react_study GitHub Wiki

사용법

화면 구성

home | nesting
--------------------
메인 화면 구성...
 
nesting 선택 시
nestingA | nestingB
--------------------
서브 화면 구성...(nestingA or nestingB)
[...]

<Route path="/nesting" children={<NestingChildren />}/>

[...]

function NestingChildren(){
  const {path, url} = useRouteMatch();
  return (
    <div>
    서브 화면 구성.
    <Link to={`${url}/a`}>Nesting A</Link>
    <Switch>
      <Route paht={`${path}/a`} children={...}>
    </Switch>
    </div>
 )
}

[...]
⚠️ **GitHub.com Fallback** ⚠️