Javascript 很难获得通过路由传入的参数,以便在react中显示reddit appi

Javascript 很难获得通过路由传入的参数,以便在react中显示reddit appi,javascript,reactjs,Javascript,Reactjs,当用户通过使用routes和react单击列表项时,我试图显示一系列子插件中的所有线程。但是,我在显示这些信息时遇到了一些问题。这是我的App.js 从“React”导入React; 从“./AnimalPage”导入AnimalPage 从“/PageNotFound”导入PageNotFound; 从“react Router dom”导入{BrowserRouter as Router,Route,NavLink,Switch}; const anists=“/anists”; 导出默认

当用户通过使用routes和react单击列表项时,我试图显示一系列子插件中的所有线程。但是,我在显示这些信息时遇到了一些问题。这是我的App.js

从“React”导入React;
从“./AnimalPage”导入AnimalPage
从“/PageNotFound”导入PageNotFound;
从“react Router dom”导入{BrowserRouter as Router,Route,NavLink,Switch};
const anists=“/anists”;
导出默认类App扩展React.Component{
render(){
返回(
动物线
  • 奶牛
);
}
您似乎误解了
路线
链接
的概念

路由
必须告诉遇到特定路由时要呈现哪个组件。路径中任何前面带有
的内容都是变量。例如,如果您说:

<Route path="/animals/:animal" component={AnimalPage} />
现在,您可以通过以下方式访问组件
AnimalPage
中的变量ID:

this.props.match.params.animal

好,但现在在AnimalPage中,当我编写
let threads=wait fetchThreads时(this.props.match.params.animal);
上面说这是undefined@KyleVanHousen您提供了什么作为
路线
路径以及当前的URL是什么?路线路径是/animals/:animal,我根据您的指示修复了所有导航链接,URL是
链接
,正如它所说,不应该有
:chicken
,只要
chicken
就足够了。您已经在
:animal
中声明了变量,chicken只是它的值,所以我应该删除导航链接中的:?
this.props.match.params.animal