[英]How to use Components on Different Routes in React?
How to use Components on Different Routes in React? 如何在React中的不同路径上使用组件?
I've tried to accomplish it like this, but I get an error: 我试图做到这一点,但我得到一个错误:
<Router>
<App>
<Route exact path='/registro' component={Registro}/>
<Route exact path='/registrar' component={Registrar}/>
<Route exact path="/home" component={Home} />
</App>
<Route exact path="/login" component={Login} />
</Router>,
document.getElementById('root'));
App: 应用程式:
render() {
const { children } = this.props;
return (
<div>
{children}
</div>
);
}
Router
should have only one child. Router
应该只有一个孩子。 So you could wrap your elements in a single div, like so: 因此,您可以将元素包装在一个div中,如下所示:
<Router>
<div>
<App>
<Route exact path='/registro' component={Registro}/>
<Route exact path='/registrar' component={Registrar}/>
<Route exact path="/home" component={Home} />
</App>
<Route exact path="/login" component={Login} />
</div>
</Router>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.