首页 文章

如何使材质UI反应按钮充当react-router-dom链接？

提问于
浏览 次
1

如何让 Material UI 的反应 Button 组件从 react-router-dom 充当 Link 组件，而不会失去它的原始风格？喜欢在点击时改变路线 .

import Button from '@material-ui/core/Button';

<Button variant="contained" color="primary">
    About Page
</Button>

对于这样的事情，但保持原始 Button 风格：

import Button from '@material-ui/core/Button';
import { Link } from 'react-router-dom';

<Button variant="contained" color="primary">
    <Link to="/about">
        About Page
    </Link>
</Button>
javascript reactjs react-router material-ui react-router-dom

2 回答

  • 1

    好的，这很容易，我不知道为什么它不能与我合作：

    就这样做：

    import Button from '@material-ui/core/Button';
import { Link } from 'react-router-dom';

<Button component={ Link } to="/about" variant="contained" color="primary">
    About Page
</Button>
    回复于
  • 2

    您需要将 <Button /> 包装在 <Link /> 组件中 .

    import Button from '@material-ui/core/Button';
import { Link } from 'react-router-dom';

const ButtonWithLink = () => (
  <Link to="/about">
   <Button variant="contained" color="primary">
     About Page
   </Button>
  </Link>
)
    回复于

相关问题