给定这两个组件:
从‘@material-ui/core/ Link’导入链接;从‘react-router-dom’导入{ Link };
有没有办法用react-router-dom的功能从Material-UI中获取样式?
发布于 2020-08-03 05:04:12
您可以使用Material的component属性-UI的Link来集成react-router-dom中的Link。你可以用Material-UI的Button做同样的事情。
下面的示例显示了这两种情况:
import React from "react";
import { Route } from "react-router";
import { BrowserRouter as Router, Link as RouterLink } from "react-router-dom";
import Link from "@material-ui/core/Link";
import Button from "@material-ui/core/Button";
export default function LinkRouter() {
return (
<Router>
<div>
<Link component={RouterLink} to="/">
Link to Home
</Link>
<br />
<Link component={RouterLink} to="/inner">
Link to inner page
</Link>
<br />
<Button
variant="contained"
color="primary"
component={RouterLink}
to="/inner"
>
Button to inner page
</Button>
<Route path="/" exact>
<div>Here's Home</div>
</Route>
<Route path="/inner">
<div>Here's the inner page</div>
</Route>
</div>
</Router>
);
}
https://stackoverflow.com/questions/63216730
复制相似问题