React JS - 如何在 Next JS 中检测 navigator.platform

Question

我正在用 React 在 Next JS 中编写一个小函数。当我使用导航器时，出现以下错误。

ReferenceError: navigator is not defined

这是我的代码：

import React from "react";

export default function App() {

const isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;

  return (
   {isMac ? "I'm mac" : "I'm windows"}
  );
}

如何获取浏览器平台，然后基于该平台呈现部分？

Answer 1

基本上，这就是我需要写的。

const isMac = typeof window !== 'undefined' ? navigator.platform.toUpperCase().indexOf("MAC") >= 0 : false;