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

Question

我正在使用React。我正在使用类Components。我也在使用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>
);
}

我的问题：

当我点击"；按钮A"；，它导航到链接：/app/pages/pageA/new但是，页面是空的，即使应该进行渲染，也不会显示任何内容。

可能是什么问题？

Answer 1

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

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