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

Question

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

Answer 1

能够使用Fluent UI Link implementation 部分中的asprop来完成这项工作：

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;