Javascript 如何使用带有match.params的React路由器?
我正在做这个项目,我需要用React路由器创建一些路由。我的项目是: 每个方格都有一个idJavascript 如何使用带有match.params的React路由器?,javascript,reactjs,react-router,react-router-dom,Javascript,Reactjs,React Router,React Router Dom,我正在做这个项目,我需要用React路由器创建一些路由。我的项目是: 每个方格都有一个id200和201,我要单击的每个转弯处我都想走这样的路线:http://localhost:3000/user/200或http://localhost:3000/user/201以及何时选择该路线,我希望它出现在正文“用户200”或“用户201”中,我读了文件,但不明白 我的APP.JS: import React,{Component}来自'React'; 从“react Router dom”导入{
200
和201
,我要单击的每个转弯处我都想走这样的路线:http://localhost:3000/user/200
或http://localhost:3000/user/201
以及何时选择该路线,我希望它出现在正文
“用户200”
或“用户201”
中,我读了文件,但不明白
我的APP.JS
:
import React,{Component}来自'React';
从“react Router dom”导入{BrowserRouter as Router,Route,Link};
导入“/App.css”;
从“./主页”导入主页;
常量应用=()=>(
);
导出默认应用程序代码>起初您没有正确设置路由器
App.js
从'react Router dom'导入{BrowserRouter as Router,Route,Switch}
类应用程序扩展了React.Component{
渲染(){
返回(
)
}
}
Home.js-现在您正在将路由器包装到儿童中
class Home扩展了React.Component{
渲染(){
返回(
{this.props.children}{/*此行将呈现路由器子对象,它将是Body*/}
)
}
}
Body.js
在身体内部,你现在将收到这个.props.match.params
我想你会自己弄明白的嗨@Jota,我的回答解决了你的问题吗?