meteor - Meteor Flow Router React：我将一个组件作为道具传递，我想在该组件中包含一个道具

Question

请参阅此代码：

authenticatedRoutes.route( '/study/:studyId/study_settings', {
  name: 'study_settings',
  action(params, queryParams) {
    console.log(queryParams);
    Session.set('studyId', params.studyId);
    mount( Default, { yield: <PageContainer pageName='Study Settings' page={<StudySettings />}/>  } );
  }
});

如您所见，page道具？在挂载功能中？我正在传递<StudySettings />组件

好吧，我想将一个道具传递给这个组件

但是当我尝试时<StudySettings queryPage=queryParams.subPage />出现编译错误。

我怎样才能做到这一点？

Answer 1

当您想将 prop 传递给 ReactJS 组件时，该组件是您需要使用的变量，{}因此在您的情况下，您需要执行以下操作

<StudySettings queryPage={ queryParams.subPage } />

如果您还有其他问题，请告诉我！