react 获取电脑设备信息

要获取电脑设备信息，可以使用 `navigator` 对象提供的相关属性和方法。下面是一些常用的属性：

- `navigator.userAgent`：返回包含用户代理字符串的字符串。
- `navigator.platform`：返回运行浏览器的操作系统平台。
- `window.screen`：返回屏幕信息的对象，包括屏幕宽度、高度、像素密度等。
- `navigator.language`：返回用户的首选语言。

下面是一个使用 React 的示例代码：

import React from "react";

function DeviceInfo() {
  return (
    <div>
      <p>User agent: {navigator.userAgent}</p>
      <p>Platform: {navigator.platform}</p>
      <p>Screen width: {window.screen.width}</p>
      <p>Screen height: {window.screen.height}</p>
      <p>Pixel density: {window.devicePixelRatio}</p>
      <p>Language: {navigator.language}</p>
    </div>
  );
}

当然，这些信息都是可以被篡改的，因此不应该依赖它们来进行安全性检查。