Mongodb Meteor中React路由器的参数传递

Mongodb Meteor中React路由器的参数传递,mongodb,meteor,reactjs,react-router,Mongodb,Meteor,Reactjs,React Router,我正在学习MeteorJS、React和React路由器,我很难通过路由器传递URL中的参数。我一直在寻找答案,但我找不到我做错了什么: 在my Routes.jsx文件中('lists'是我的MongoDB集合): 此外,行项目中嵌入了正确的listId,但URL中没有: <li> <Link to="listpages" params={listId: "qksabGvfeuf5PdaJv"} onlyActiveOnIndex=false...> <

我正在学习MeteorJS、React和React路由器,我很难通过路由器传递URL中的参数。我一直在寻找答案,但我找不到我做错了什么:

在my Routes.jsx文件中('lists'是我的MongoDB集合):

此外,行项目中嵌入了正确的listId,但URL中没有:

<li>
  <Link to="listpages" params={listId: "qksabGvfeuf5PdaJv"} onlyActiveOnIndex=false...>
    <a params={listId: "qksabGvfeuf5PdaJv" className="" style={}...>Inbox</a>
  </Link>
</li>
  • 收件箱
  • 但如果我删除此参数:

    <Route path='/listpages' component={ListPages} />
    
    
    
    然后它按预期工作,并显示ListPages的内容(现在只是一个标题,看我是否到达那里)。因此ListPages确实存在,但在我传递参数时不存在。我做错了什么


    提前感谢您提供的任何帮助

    您可以这样传递查询参数

    <Link to={{ pathname: 'listpages', query: { listId: myList._id } }}>
    
    
    
    谢谢您的输入。我做了更改,第一次加载时,我单击了链接并收到了相同的错误(警告:位置“listpages”与任何路由都不匹配)。当我刷新以重试时,现在应用程序在启动时崩溃,在您建议的行上出现意外的令牌错误。

    对于任何可能在谷歌搜索时偶然发现此页面的人:


    这个问题可能在当前版本的React Router之前就已经被问过了,但是使用
    path='/route/:id'
    链接的正确方法是更新
    ,我已经放弃了React Router,我决定尝试使用Flow Router。。。
    
    <li>
      <Link to="listpages" params={listId: "qksabGvfeuf5PdaJv"} onlyActiveOnIndex=false...>
        <a params={listId: "qksabGvfeuf5PdaJv" className="" style={}...>Inbox</a>
      </Link>
    </li>
    
    <Route path='/listpages' component={ListPages} />
    
    <Link to={{ pathname: 'listpages', query: { listId: myList._id } }}>
    
    ...
    <Route path='/DisplayTable/:tableId' component={ Comp } />
    ...
    
    ...
    <Link to={'/DisplayTable/' + this.props.tables[i]._id} />
    ...