当前位置: 首页 > 面试题库 >

如何使Material UI的React Button充当react-router-dom链接?

督嘉言
2023-03-14
问题内容

如何使 Material UI* react 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>

问题答案:

好的,这很容易,我不知道为什么它对我不起作用:

就是这样:

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>


 类似资料:
  • 我在一个带有服务器端渲染的react应用程序中使用react router dom,我正在寻找一种获得类似于的东西的方法,但除了路径名之外,我找不到任何东西。是否有任何方法可以使用react-router-dom获取原点?还是其他方式?

  • 我有指向组件页面的链接,例如: 在props中,我有一个参数,例如userId。我需要在链接中传递它。我知道如何在中传递参数: 我如何理解墨水可以执行,但可能有可能以某种方式传递参数?不创建?

  • 两者都有路由、链接等。什么时候使用其中一种?我真的很困惑在哪里使用每一个。服务器端?客户端? https://reacttraining.com/react-router/ 在一些例子中,你需要通过历史,在另一些例子中则不需要。要怎么做? vs 什么时候使用一个或另一个真的很混乱,任何帮助都值得赞赏。

  • 鉴于这两个组成部分: 从“@material-ui/core/Link”导入链接;从“react-router-dom”导入{Link}; 有没有一种方法可以用React-Router-DOM的功能从Material-UI获得样式?

  • 问题内容: 两者都有路由,链接等。何时使用一个或另一个?我真的很困惑在哪里使用每个。服务器端?客户端? https://reacttraining.com/react-router/ 在某些示例中,您需要传递历史记录,而在其他示例中则不需要。该怎么办? 与 何时使用一个或另一个非常令人困惑,任何帮助都值得赞赏。 问题答案: react-router 包含 react-router-dom 和 re

  • 问题内容: 我是ReactJS和React-Router的新手。我有一个组件,通过props 从 react-router 接收一个对象。每当用户单击该组件内部的“下一步”按钮时,我都希望手动调用对象。 现在,我正在使用 refs 访问 支持实例, 并手动单击生成的’a’标记。 问题: 有没有办法手动调用链接(例如)? 这是我目前的代码: 这是我想要的代码: 问题答案: v4推荐的方法是允许您的r