React js使用<link> material ui调用路由

React.js是一个用于构建用户界面的JavaScript库，它可以帮助开发人员构建可重用的UI组件。它采用了组件化的开发模式，使得开发人员可以将界面拆分为独立的、可复用的部分，从而提高代码的可维护性和可测试性。

Material-UI是一个基于React.js的UI组件库，它提供了一套美观、易用的UI组件，可以帮助开发人员快速构建漂亮的用户界面。它遵循Material Design设计规范，提供了丰富的组件和样式，可以轻松实现各种常见的UI元素和交互效果。

调用路由是指在React.js应用中实现页面之间的导航和跳转。React.js本身并没有内置的路由功能，但可以使用第三方库来实现路由功能，其中最常用的是React Router。React Router是一个用于在React.js应用中实现路由功能的库，它提供了一套灵活的API，可以帮助开发人员实现页面之间的导航、参数传递、嵌套路由等功能。

在使用React.js和Material-UI调用路由时，可以通过在项目中引入React Router库来实现。首先，需要安装React Router库：

npm install react-router-dom

然后，在应用的入口文件中引入所需的组件和函数：

import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

接下来，可以使用Router组件将应用包裹起来，并在需要导航的地方使用Link组件创建链接：

<Router>
  <div>
    <nav>
      <ul>
        <li>
          <Link to="/">Home</Link>
        </li>
        <li>
          <Link to="/about">About</Link>
        </li>
        <li>
          <Link to="/contact">Contact</Link>
        </li>
      </ul>
    </nav>

    <Route path="/" exact component={Home} />
    <Route path="/about" component={About} />
    <Route path="/contact" component={Contact} />
  </div>
</Router>

在上面的代码中，通过Link组件创建了三个导航链接，分别对应着Home、About和Contact页面。而Route组件则定义了每个链接对应的组件。

需要注意的是，上述代码中的Home、About和Contact组件需要自行定义和实现，它们可以是React.js组件或函数组件。

关于React Router的更多详细信息和用法，可以参考腾讯云的产品介绍页面：React Router产品介绍