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道具？在mount功能？我正在传递<StudySettings />组件

我想把道具传递给这个组件

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

我该怎么做？

Answer 1

如果你想将道具传递给一个变量的ReactJS组件，你需要使用{}所以在你的情况下你需要做这样的事情

<StudySettings queryPage={ queryParams.subPage } />

如果您有任何其他问题，请告诉我们！