Mount component inside mounted component?

[fallenpeace]

Goals: Mount DashboardAccount inside DashboardLayout, and mount DashboardEdit inside DashboardAccount

What I've tried

FlowRouter.route('/dashboard/account/edit', {
  name: 'dashboard.account.edit',
    action () {
      mount(DashboardLayout, {
         content: () => (<DashboardAccount />)
      });
      mount(DashboardAccount, {
        content: () => (<DashboardEdit />)
      });
    }
  });

ps. using the mantra spec.

[fallenpeace]

Got something working with

FlowRouter.route('/dashboard/account/edit', {
  name: 'dashboard.account.edit',
    action () {
      mount(DashboardLayout, {
         content: () => (<DashboardAccount content={ () => (<DashboardEdit/>) }   />)
      });
    }
  });

Is this the recommended way of approaching this? or what is the correct way to approach this?

[arunoda]

@fallenpeace Yeah. This seems like the way it's working now.
We may need to work on something simple.
May be, it's some more docs.

[Incisive]

Hi @fallenpeace - I've have components in props working this way:

authenticatedRoutes.route('/account/profile', {
  name: 'account.profile',
  action() {
    mount(MainLayout, {
      yield: <Account yield={<ProfileSettings/>} />
    });
  }
});

Hope this helps!