如何解决React中路由器中的条件ClassName
我的react应用程序中有一个路由器,我只想在特定的路由上应用classes.root
。
但是,下面的代码不起作用,因为它位于<Switch>
内部。如您在我的代码中看到的那样,我只想在classes.root
和Login
上应用Signup
。
请在下面检查我的代码:
function Routes() {
const classes = useStyles();
return (
<Router>
<Suspense fallback={<h3>Loading...</h3>}>
<Switch>
<Route path="/goto" component={GoTo} />
<div className={classes.root}>
<Route path="/signin" component={Login} />
<Route path="/signup" component={Signup} />
</div>
<PrivateRoute path="/" component={Private} />
</Switch>
</Suspense>
</Router>
);
}
export default Routes;
解决方法
您需要将kafka-console-consumer --bootstrap-server brk:port --topic urTopic --from-beginning --property print.key=true --property print.timestamp=true
的定义方式从使用Route
属性更改为使用component
属性。我没有包括将道具传递到render
组件,我只是展示了如何使用Login
。
如有必要,则应使用classes
<Login {...props}/>
对此
<Route path="/signin" component={Login} />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。