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が期待しているものとどのように一致しますか?