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 } />

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

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

Meteor Flow Router React: I am passing a component as a prop, and I want to include a prop in that component

meteor

reactjs

flow-router