反应链接不会重新加载组件

时间:2020-08-16 11:45:36

标签: reactjs react-router react-link

我有这个代码

다른 앱 선택

在基于类的组件中使用的功能组件内部。基于类的组件被路由到该路由<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;

0 个答案:

没有答案