鉴于这两个组件:
import Link from '@material-ui/core/Link';
import { Link } from 'react-router-dom';
有没有办法通过 react-router-dom
的功能从 Material-UI 中获取样式? ?
最佳答案
您可以使用 component
Material-UI 的 Link
的 Prop 与 Link
集成在 react-router-dom
.您可以使用 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://material-ui.com/guides/composition/#link
关于javascript - 您可以将 Material-UI Link 与 react-router-dom Link 一起使用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63216730/