小编Han*_*Han的帖子

我有两个组件，{App}和{Blog}，当我尝试从App路由到Blog页面时，实际上Blog页面的内容附加在App页面的最后。如何从应用程序页面跳转到博客页面？

路由：

const routes = (
  <BrowserRouter>
    <div>
      <Route path="/" component={App}/>
      <Route path="blog" component={Blog}/>
    </div>
  </BrowserRouter>
);


Meteor.startup(() => {
  ReactDOM.render(routes, document.querySelector(".render-target"));
});

Blog.js：

class Blog extends Component{
  render(){
    return(
      <div>Blog</div>
    );
  };
}

export default Blog;