时间戳

首页 > 解决方案 > React Router - 空页面，页面未呈现

javascript - React Router - 空页面，页面未呈现

问题描述

我正在使用反应。我正在使用类组件。我也在使用 React 路由器。

这是我的代码：

 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 但是，该页面是空的，并且即使它应该呈现也没有显示任何内容。

可能是什么问题？

标签： javascriptreactjsreact-reduxreact-routerreact-hooks

解决方案

您应该使用<Link to="/app/pages/pageA/new"/>or <NavLink to="/app/pages/pageA/new"/>from thereact-router代替<Button/>

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

推荐阅读