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时,
会用无路径路由包装您的组件,而
匹配
的任务是指存在的最近的祖先路由,路由器的
将始终是什么,因此始终是
/