Reactjs 从一个组件（页面）传输到另一个组件（另一页面）

我在这里试图实现的是，通过单击按钮，可以从应用程序组件移动到Page1组件

我得到的结果是

第1页 让我们开始吧 走

我想要达到的结果是

第1页

请指出我在这里做错了什么。多谢各位

import React，{Component}来自'React'；
从“/comps/Page1”导入第1页；
类应用程序扩展组件{
状态={
页码：0
}
HandlePage=（）=>{
这是我的国家({
页码：1
})
}
render（）{
设comp=null；
if（this.state.page==1）{
薪酬=
}
返回(
{comp}
让我们开始吧！！
去
);
}
}
导出默认应用程序；
//第1页组件
从“React”导入React，{Component}；
类Page1扩展组件{
render（）{
返回(
第1页
);
}
}
导出默认页面1以下是一个片段，介绍了如何通过条件呈现来实现它：


const Component=React.Component；
类应用程序扩展组件{
状态={
页码：0
}
handlePage=（）=>{
这是我的国家({
页码：1
})
}
render（）{
设Comp=null；
if（this.state.page==1）{
薪酬=
}else if（this.state.page==0）{
薪酬=
}
返回(
{Comp}
);
}
}
功能启动页（道具）{
返回(
让我们开始吧！！
去
);
}
类Page1扩展组件{
render（）{
返回(
第1页
);
}
}
ReactDOM.render（，document.getElementById（'root'））

我不确定您是想更改url还是只更改呈现。您能准确描述一下吗？我只想更改呈现。对不起，忘了提了。非常感谢你的帮助！React路由器像Redux吗？@YongJunJung不，它们是完全不同的用例。React Router是一个用于管理路由的库，redux用于状态管理我明白了，谢谢！