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;