我需要显示不同的应用程序链接取决于用户的操作系统。如IOS，Android或两者，如果用户是在桌面上打开页面。我正在使用React和Next.js我试图使用导航器。userAgent没有运气。
这将是完美的实现如下代码：

import React from "react";
import { AppDownload as AppDownloadProps } from "xxx";

export default function DownloadApp({
  appDownload,
}: AppDownloadProps): JSX.Element {
  return (
        <div>
          {isIos && <a href={appDownload?.ios.url}></a>}
          {isAndroid && <a href={appDownload?.android.url}></a>}
          {isDesktop && <a href={appDownload?.desktop.url}></a>}
        </div>
  );
}