1

meteor-react を学習しようとしていますが、FlowRouter を使用してコンテンツを HTML テンプレート ページに挿入する方法について質問があります。

すべてが正しくインポートされたと仮定しましょう。これは関連するコードです:

ルート.jsx

FlowRouter.route('/post/:postId', {
  name: 'posts.single',
  action({postId}) {
    mount(MainLayoutCtx, {
      content: () => (<Post postId={postId}/>)
    });
  }
});

index.jsx - MainLayoutCtx が指している場所

const Layout = ({content = () => null }) => (
  //code here
);

index.jsx では、{content = () => null} . これはコンテンツがパラメータを持たずnullを出力するオブジェクトリテラルということではないでしょうか?

でもroutes.jsxでコンテンツが渡されているときは() => (/Post postId={postId}/>)ということで、そのコンテンツはpostIdをpropとして渡されたPostを出力しているのではないでしょうか?

これはindex.jsxが期待しているものとどのように一致しますか?

4

1 に答える 1