Mongodb Meteor中React路由器的参数传递
我正在学习MeteorJS、React和React路由器,我很难通过路由器传递URL中的参数。我一直在寻找答案,但我找不到我做错了什么: 在my Routes.jsx文件中('lists'是我的MongoDB集合): 此外,行项目中嵌入了正确的listId,但URL中没有: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...> <
<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} />
...