Reactjs 在父对象中获取道具
让我们以这个基本模板为例Reactjs 在父对象中获取道具,reactjs,react-router,Reactjs,React Router,让我们以这个基本模板为例 导出默认函数App(){ 返回( ); } 访问道具没有问题。从关于或用户中匹配 我想使用标题,使用withRouter访问。我有道具。匹配。路径始终等于/,例如,当我在用户组件中时,我希望路径是/user 我会在props.match.paramselements功能中更改我的标题渲染,我认为您正在搜索的是props.location.pathname下的defeind 示例:我认为您要搜索的是在props.location.pathname下定义的 示例:我尝试了
导出默认函数App(){
返回(
);
}
访问道具没有问题。从关于
或用户
中匹配
我想使用标题
,使用withRouter
访问。我有道具。匹配。路径
始终等于/
,例如,当我在用户
组件中时,我希望路径是/user
我会在
props.match.params
elements功能中更改我的标题渲染,我认为您正在搜索的是props.location.pathname下的defeind
示例:我认为您要搜索的是在props.location.pathname下定义的
示例:我尝试了不同的方法来处理标题组件
我决定创建可重用的标题组件并将其导入所有页面。就像这样:
const About=()=>{
返回(
关于
)
}
const Users=()=>{
返回(
使用者
)
}
它可能有助于自定义每页的页眉,您可以访问页眉中的正确位置和参数我尝试了不同的方法来处理页眉组件
我决定创建可重用的标题组件并将其导入所有页面。就像这样:
const About=()=>{
返回(
关于
)
}
const Users=()=>{
返回(
使用者
)
}
它可能有助于自定义每页的页眉,您可以访问页眉中的正确位置和参数,我可以使用props.location.pathname
来完成,但是使用props.match.params
会容易得多,因为url是用路由器解析的,用无路径路由包装您的组件,match
的任务是引用最近的祖先路由,使用路由器时,本身将始终是什么,因此始终是/
不是真的,我可以使用props.location.pathname
来完成,但是使用props.match.params
会容易得多,因为使用路由器解析url时,会用无路径路由包装您的组件,而匹配
的任务是指存在的最近的祖先路由,路由器的将始终是什么,因此始终是/