我有这个代码
다른 앱 선택
在基于类的组件中使用的功能组件内部。基于类的组件被路由到该路由<Link to = {`/technology/${technology.parent.seoName}`}
className = "text-warning font-weight-bold font-size-h6">
{technology.parent.name}
</Link>
。现在,例如,当我访问<ContentRoute path = "/technology/:techName" exact component = {TechnologySummary}/>
时(地铁是baseurl)。它可以加载组件。
现在在此页面中,我具有指向其他技术页面的链接,例如:technology / a37。我使用上面的代码。但是,当我单击链接时,URL更改为http://localhost:3000/metro/technology/a42
EXCEPT (未加载该组件)。并没有任何改变。
mapStateToProps,构造函数,componentDidMount都不执行。
当我单击上面的链接时,如何重新执行该组件?
EDIT1:功能组件
http://localhost:3000/metro/technology/a37
基于类
const Display = (props) => {
if (technology) {
if (technology.parent) {
parent =
<div className = "bg-light-warning px-6 py-8 rounded-xl mr-7 mb-7">
<span className = "svg-icon svg-icon-3x svg-icon-warning d-block my-2">
<Image src = {technology.imageLink} rounded width = "20"/>
</span>
<Link to = {`/technology/${technology.parent.seoName}`}
className = "text-warning font-weight-bold font-size-h6">
{technology.parent.name}
</Link>
</div>
}
show = (
<Auxiliary>
...
{parent}
...
</Auxiliary>
);
}
return (
show
);
}
export default Display;