时间戳

首页 > 解决方案 > 如何将 RouterLink 与 Microsoft FluentUI React Link 组件一起使用

reactjs - 如何将 RouterLink 与 Microsoft FluentUI React Link 组件一起使用

问题描述

很直接。我Link在其他Microsoft Fluent UI控件上看到了 React Router 使用示例。不过，我还没有找到将它与 Fluent UILink组件一起使用的方法。

标签： reactjsreact-routerreact-router-domreact-router-componentfluent-ui

解决方案

能够使用Fluent UI Link 实现部分as中的道具来完成这项工作：

import React from 'react';
import { Link as RouterLink } from 'react-router-dom';

import { Link } from '@fluentui/react';

const ComponentName: React.FC = () => (
  <Link as={RouterLink} to="/pathName">
    Link Text
  </Link>
);

export default ComponentName;

推荐阅读