流星流路由器并在反应组件中获取路由参数

Question

如何在 react 组件中获取路由的参数 我使用来自反应作曲家包的反应容器 如果这是整条路线

https://learnbuildrepeat-tevinthuku.c9users.io/ReadProjectMeta/wD98XTTtpf8ceyRJT

我怎样才能得到唯一的

wD98XTTtpf8ceyRJT

并将其值存储在反应组件内的变量中。 我试过用

FlowRouter.getParam() 但它不起作用。我一直不确定

import React from 'react';
export default class ReadProjectMetaLayout extends React.Component {
 render() {
 var category = FlowRouter.getQueryParam();
console.log(category);
return (
 <div>
 <h4>Hello World</h4>
 </div>
 )
 }
}

这是路线

FlowRouter.route("/ReadProjectMeta/:_id", {
name: 'project.meta',
action(params) {
mount(ReadProjectMetaLayoutContainer, {
components: (<ReadProjectMeta  _id={params._id}/>)
})
}
});

可能是什么问题以及如何解决它

Answer 1

只获取字符串的最后一部分：

location.pathname.substr((location.pathname.lastIndexOf('/')+1))

另一个你可以尝试的纯流星是来自this reference：

FlowRouter.getParam(":_id");

注意：您的解决方案不起作用，因为您正在获取查询参数，查询参数是在“？”之后在 url 中传递的参数

即/apps/this-is-my-app?show=yes&color=red

在上面的代码中颜色和显示是查询参数，而应用程序是路径名的一部分