子供（サブコンポーネント）とミスリルルーティングを行う方法

Question

私はミスリルを使用してアプリケーションを作成し、反応します。私はルートを定義する必要があり、これまでのところ、これは私がアイデアはLoginComponentは2 childroutes（メールアドレスとパスワード）を持つ親であるということである

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

が出ているものです。 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 +レイアウトコンポーネントは、動作の一部を複製することができます。