어린이 (하위 구성 요소)와 함께 미스릴 라우팅을 수행하는 방법

Question

나는 미스릴을 사용하여 응용 프로그램을 작성하고 이에 대해 반응합니다. 나는 경로를 정의해야하고, 지금까지 내가

m.route(root, '/', { 
    '/': LoginComponent, 
    '/login': LoginComponent, 
    '/Login/Email': LoginEmailComponent, 
    '/Login/Password': LoginPasswordComponent, 
}) 

아이디어는 LoginComponent 두 childroutes (이메일과 비밀번호)를 가진 부모가 있다는 것이다 함께 온 것입니다. LoginComponent에는 전자 메일과 암호 구성 요소에 공통적 인 공통 항목이 있으므로 LoginComponent 내부에서 렌더링해야합니다. 미스릴을 통해 어떻게해야합니까? 또는이 작업을 수행하기 위해 반응 라우터와 같은 것을 사용해야합니까?

Answer 1

https://mithril.js.org/route.html#wrapping-a-layout-component은 수행하려는 작업을 수행하는 방법을 설명합니다.

m.route(root, '/', { 
    '/': LoginComponent, 
    '/login': LoginComponent, 
    '/Login/Email': { 
     render() { 
      return m(LoginComponent, m(LoginEmailComponent)); 
     } 
    }, 
    '/Login/Password': { 
     render() { 
      return m(LoginComponent, m(LoginPasswordComponent)); 
     } 
    }, 
}) 

미스릴의 라우터는 react-router 같은 아이 노선의 명시 적 생각하지를 가지고 있지 않지만, RouteResolver + 레이아웃 구성 요소 동작의 일부를 복제 할 수 있습니다.