React Router - 空页面，页面未呈现答案

【问题标题】：React Router - Empty Page, page not renderingReact Router - 空页面，页面未呈现
【发布时间】：2021-08-16 22:05:15
【问题描述】：

我正在使用 React。我正在使用类组件。我也在使用 React Router。

这是我的代码：

 constructor(props){
    super(props);
 }

 handleCreateComponent = () =>{
    return this.props.history.push('/app/pages/pageA/new');
 }

 render = () =>{
    return(
    <div>
        <div>
             <Button id="addComponent" onClick={this.handleCreateComponent}>ButtonA</Button>

        </div>
     </div>
);
}

我的问题：

当我单击“ButtonA”时，它会导航到链接：/app/pages/pageA/new 但是，该页面是空的，即使它应该呈现，也没有显示任何内容。

可能是什么问题？

【问题讨论】：

你能贴出那个页面的代码吗？
请提供您遇到问题的相关代码的Minimal, Complete, and Reproducible Code Example。换句话说，您希望看到的页面呈现的是什么？

标签： javascript reactjs react-redux react-router react-hooks

【解决方案1】：

您应该使用react-router 中的<Link to="/app/pages/pageA/new"/> 或<NavLink to="/app/pages/pageA/new"/> 而不是<Button/>

但渲染问题可能是其他问题。在你的问题中你说/api/pages/pageA/new ，但在代码中它是'/app/pages/pageA/new'

【讨论】：

这是一个关于链接与按钮的好评论，但并没有真正解决页面不呈现的问题。 OP 没有提供足够的上下文来提供任何有价值的答案。